Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(840)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/LayoutTests/animations/interpolation/offset-path-interpolation.html

Issue 2720653002: CSS Motion Path: Implement animation for the offset-path property
Patch Set: move Created 3 years, 10 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 | « no previous file | third_party/WebKit/LayoutTests/animations/interpolation/svg-d-interpolation.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/animations/interpolation/offset-path-interpolation.html
diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/svg-d-interpolation.html b/third_party/WebKit/LayoutTests/animations/interpolation/offset-path-interpolation.html
similarity index 93%
copy from third_party/WebKit/LayoutTests/animations/interpolation/svg-d-interpolation.html
copy to third_party/WebKit/LayoutTests/animations/interpolation/offset-path-interpolation.html
index 211dfdf7fd6f08ee0b140bb97e68ad0954247d72..0ce38ac84251e283888148434358f6e5e4ea6e5d 100644
--- a/third_party/WebKit/LayoutTests/animations/interpolation/svg-d-interpolation.html
+++ b/third_party/WebKit/LayoutTests/animations/interpolation/offset-path-interpolation.html
@@ -1,22 +1,8 @@
<!DOCTYPE html>
<meta charset="UTF-8">
-<style>
-.parent {
- cx: 100px;
-}
-.target {
- font-size: 16px;
- cx: 50px;
-}
-.expected {
- fill: green;
-}
-</style>
<body>
<template id="target-template">
- <svg width="90" height="90">
- <path class="target" />
- </svg>
+<div></div>
</template>
<script src="resources/interpolation-test.js"></script>
<script>
@@ -24,33 +10,33 @@
// Distinct number of path segments
assertNoInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 h 1 h 2')",
to: "path('m 0 0 h 3')"
});
assertNoInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('M 1 2 L 3 4 Z')",
to: "none"
});
// Distinct segment types
assertNoInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 10 0 h 1')",
to: "path('m 20 0 v 2')"
});
assertNoInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 1 2 l 3 4 Z')",
to: "path('m 1 2 l 3 4')"
});
// Exercise each segment type
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 Z')",
to: "path('m 0 0 Z')"
}, [
@@ -63,7 +49,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('M 20 50')",
to: "path('M 30 70')"
}, [
@@ -76,7 +62,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 20 50')",
to: "path('m 30 70')"
}, [
@@ -89,7 +75,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 L 20 50')",
to: "path('m 0 0 L 30 70')"
}, [
@@ -102,7 +88,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 l 20 50')",
to: "path('m 0 0 l 30 70')"
}, [
@@ -115,7 +101,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 C 32 42 52 62 12 22')",
to: "path('m 0 0 C 37 47 57 67 17 27')",
}, [
@@ -128,7 +114,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 c 32 42 52 62 12 22')",
to: "path('m 0 0 c 37 47 57 67 17 27')"
}, [
@@ -141,7 +127,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 Q 32 42 52 62')",
to: "path('m 0 0 Q 37 47 57 67')"
}, [
@@ -154,7 +140,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 q 32 42 52 62')",
to: "path('m 0 0 q 37 47 57 67')"
}, [
@@ -167,7 +153,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 A 10 20 30 1 0 40 50')",
to: "path('m 0 0 A 60 70 80 0 1 90 100')"
}, [
@@ -180,7 +166,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 a 10 20 30 1 0 40 50')",
to: "path('m 0 0 a 60 70 80 0 1 90 100')"
}, [
@@ -193,7 +179,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 H 10')",
to: "path('m 0 0 H 60')"
}, [
@@ -206,7 +192,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 h 10')",
to: "path('m 0 0 h 60')"
}, [
@@ -219,7 +205,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 V 10')",
to: "path('m 0 0 V 60')"
}, [
@@ -232,7 +218,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 v 10')",
to: "path('m 0 0 v 60')"
}, [
@@ -245,7 +231,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 S 32 42 52 62')",
to: "path('m 0 0 S 37 47 57 67')"
}, [
@@ -258,7 +244,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 s 32 42 52 62')",
to: "path('m 0 0 s 37 47 57 67')"
}, [
@@ -271,7 +257,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 T 20 50')",
to: "path('m 0 0 T 30 70')"
}, [
@@ -284,7 +270,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 0 0 t 20 50')",
to: "path('m 0 0 t 30 70')"
}, [
@@ -298,7 +284,7 @@ assertInterpolation({
// Mix relative and non-relative
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('M 0 0 L 100 100 M 100 200 L 200 200 Z L 200 100 Z')",
to: "path('M 0 0 L 100 100 m 0 100 l 100 0 z l 200 100 z')"
}, [
@@ -311,7 +297,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('M 0 0 L 100 100 M 100 200 L 200 200 Z L 200 100 Z')",
to: "path('M 0 0 L 100 100 m 0 100 l 100 0 z l 100 -100 z')"
}, [
@@ -324,7 +310,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 10 20 l 20 30 z l 50 60 z m 70 80 l 90 60 z t 70 120')",
to: "path('M 110 120 L 130 150 Z L 80 110 Z M 100 140 L 190 200 Z T 210 220')"
}, [
@@ -337,7 +323,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 10 20 c 40 50 30 60 80 70 c 90 100 140 110 120 130')",
to: "path('M 110 120 C 140 150 130 160 180 170 C 290 300 340 310 320 330')"
}, [
@@ -350,7 +336,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 10 20 q 30 60 40 50 q 100 70 90 80')",
to: "path('M 110 120 Q 130 160 140 150 Q 200 170 190 180')"
}, [
@@ -363,7 +349,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 10 20 s 30 60 40 50 s 100 70 90 80')",
to: "path('M 110 120 S 130 160 140 150 S 200 170 190 180')"
}, [
@@ -376,7 +362,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 10 20 h 30 v 40 h 50 v 60 l 70 80')",
to: "path('M 110 120 H 130 V 140 H 250 V 260 L 270 280')"
}, [
@@ -389,7 +375,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'd',
+ property: 'offset-path',
from: "path('m 10 20 a 10 20 30 1 0 40 50 a 110 120 30 1 1 140 50')",
to: "path('M 20 30 A 60 70 80 0 1 90 100 A 160 170 80 0 1 90 100')"
}, [
@@ -403,4 +389,3 @@ assertInterpolation({
</script>
</body>
-</html>
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/animations/interpolation/svg-d-interpolation.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698