third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-x-list-interpolation.html - Issue 1587533002: Add composition support for SVG Web Animation of x, y, dx, dy attributes

Unified Diff: third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-x-list-interpolation.html

Issue 1587533002: Add composition support for SVG Web Animation of x, y, dx, dy attributes (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Review changes Created 4 years, 11 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-x-interpolation.html ('k') | third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-x-y-interpolation.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-x-list-interpolation.html

diff --git a/third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-y-interpolation.html b/third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-x-list-interpolation.html

similarity index 50%

copy from third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-y-interpolation.html

copy to third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-x-list-interpolation.html

index 87e5184d267d9ab66c4819f5c61e8b861a46fe18..d7bd1d615bb51554816e267225bdf96ddb319d89 100644

--- a/third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-y-interpolation.html

+++ b/third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-x-list-interpolation.html

@@ -1,57 +1,56 @@

<!DOCTYPE html>

-<html>

-<head>

- <style>

- body {

- font-size: 10px;

- }

- </style>

-</head>

+<style>

+body {

+ font-size: 10px;

+</style>

<body>

-<svg width="200px" height="300px" viewBox="0 0 1500 1000">

- <text class="target" x="20, 40, 60" />

-</svg>

+ <svg width="0" height="0" viewBox="0 0 1000 1000">

+ <text class="target"/>

+ </svg>

</template>

'use strict';

assertAttributeInterpolation({

- property: 'y',

+ property: 'x',

from: '0, -1, 2',

- to: '5, -6, 7'

+ to: '5, -6, 7',

}, [

{at: -0.4, is: '-2, 1, 0'},

{at: 0, is: '0, -1, 2'},

{at: 0.2, is: '1, -2, 3'},

{at: 0.6, is: '3, -4, 5'},

{at: 1, is: '5, -6, 7'},

- {at: 1.4, is: '7, -8, 9'}

+ {at: 1.4, is: '7, -8, 9'},

]);

assertAttributeInterpolation({

- property: 'y',

- from: '0em, 1ex, 2rems',

- to: '5em, 6ex, 7rems'

+ property: 'x',

+ from: '0em, 1ex, 2rem',

+ to: '5em, 6ex, 7rem',

}, [

- {at: -0.4, is: '-2em, -1ex, 0rems'},

- {at: 0, is: '0em, 1ex, 2rems'},

- {at: 0.2, is: '1em, 2ex, 3rems'},

- {at: 0.6, is: '3em, 4ex, 5rems'},

- {at: 1, is: '5em, 6ex, 7rems'},

- {at: 1.4, is: '7em, 8ex, 9rems'}

+ {at: -0.4, is: '-2em, -1ex, 0rem'},

+ {at: 0, is: '0em, 1ex, 2rem'},

+ {at: 0.2, is: '1em, 2ex, 3rem'},

+ {at: 0.6, is: '3em, 4ex, 5rem'},

+ {at: 1, is: '5em, 6ex, 7rem'},

+ {at: 1.4, is: '7em, 8ex, 9rem'},

]);

assertAttributeInterpolation({

- property: 'y',

+ property: 'x',

from: '55%, 5em, 0',

- to: '5em, 55%, 0'

+ to: '5em, 55%, 0',

}, [

{at: -0.4, is: '750, -150, 0'},

{at: 0, is: '550, 50, 0'},

{at: 0.2, is: '450, 150, 0'},

{at: 0.6, is: '250, 350, 0'},

{at: 1, is: '50, 550, 0'},

- {at: 1.4, is: '-150, 750, 0'}

+ {at: 1.4, is: '-150, 750, 0'},

]);

</script>

</body>

-</html>