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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/animations/composition/d-composition.html

Issue 2732353003: [WIP] Web Animations: Test composition of the 'd' property
Patch Set: Created 3 years, 9 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 unified diff | Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <meta charset="UTF-8">
3 <body>
4 <script src="../interpolation/resources/interpolation-test.js"></script>
5 <script>
6
7 // SVG Paths always replace.
8
9 assertComposition({
10 property: 'd',
11 underlying: "path('M 10 10 H 20')",
12 addFrom: "path('M 20 30 L 40 50')",
13 addTo: "path('M 30 40 L 50 60')",
14 }, [
15 {at: -0.4, is: "path('M 16 26 L 36 46')"},
16 {at: 0, is: "path('M 20 30 L 40 50')"},
17 {at: 0.2, is: "path('M 22 32 L 42 52')"},
18 {at: 0.6, is: "path('M 26 36 L 46 56')"},
19 {at: 1, is: "path('M 30 40 L 50 60')"},
20 {at: 1.4, is: "path('M 34 44 L 54 64')"},
21 ]);
22
23 assertComposition({
24 property: 'd',
25 underlying: "path('M 10 10 H 20')",
26 addFrom: "path('M 20 30 L 40 50')",
27 addTo: "path('M 30 40 H 50')",
28 }, [
29 {at: -0.4, is: "path('M 20 30 L 40 50')"},
30 {at: 0, is: "path('M 20 30 L 40 50')"},
31 {at: 0.2, is: "path('M 20 30 L 40 50')"},
32 {at: 0.6, is: "path('M 30 40 H 50')"},
33 {at: 1, is: "path('M 30 40 H 50')"},
34 {at: 1.4, is: "path('M 30 40 H 50')"},
35 ]);
36
37 assertComposition({
38 property: 'd',
39 underlying: "path('M 10 10 H 20')",
40 addFrom: "path('m 20 30 L 40 50')",
41 replaceTo: "path('m 30 40 L 50 60')",
42 }, [
43 {at: -0.4, is: "path('m 16 26 L 36 46')"},
44 {at: 0, is: "path('m 20 30 L 40 50')"},
45 {at: 0.2, is: "path('m 22 32 L 42 52')"},
46 {at: 0.6, is: "path('m 26 36 L 46 56')"},
47 {at: 1, is: "path('m 30 40 L 50 60')"},
48 {at: 1.4, is: "path('m 34 44 L 54 64')"},
49 ]);
50
51 assertComposition({
52 property: 'd',
53 underlying: "path('M 10 10 L 20 20')",
54 addFrom: neutralKeyframe,
55 replaceTo: "path('m 30 40 l 50 60')",
56 }, [
57 {at: -0.4, is: "path('m 2 -2 l -6 -10')"},
58 {at: 0, is: "path('M 10 10 L 20 20')"},
59 {at: 0.2, is: "path('m 14 16 l 18 20')"},
60 {at: 0.6, is: "path('m 22 28 l 34 40')"},
61 {at: 1, is: "path('m 30 40 l 50 60')"},
62 {at: 1.4, is: "path('m 38 52 l 66 80')"},
63 ]);
64
65 assertComposition({
66 property: 'd',
67 underlying: "path('M 10 10 L 20 20')",
68 addFrom: neutralKeyframe,
69 addTo: "path('m 30 40 l 50 60')",
70 }, [
71 {at: -0.4, is: "path('m 2 -2 l -6 -10')"},
72 {at: 0, is: "path('M 10 10 L 20 20')"},
73 {at: 0.2, is: "path('m 14 16 l 18 20')"},
74 {at: 0.6, is: "path('m 22 28 l 34 40')"},
75 {at: 1, is: "path('m 30 40 l 50 60')"},
76 {at: 1.4, is: "path('m 38 52 l 66 80')"},
77 ]);
78
79 assertComposition({
80 property: 'd',
81 underlying: "path('m 30 40 l 50 60')",
82 addFrom: "path('M 10 10 L 20 20')",
83 addTo: neutralKeyframe,
84 }, [
85 {at: -0.4, is: "path('m 2 -2 l -6 -10')"},
86 {at: 0, is: "path('M 10 10 L 20 20')"},
87 {at: 0.2, is: "path('m 14 16 l 18 20')"},
88 {at: 0.6, is: "path('m 22 28 l 34 40')"},
89 {at: 1, is: "path('m 30 40 l 50 60')"},
90 {at: 1.4, is: "path('m 38 52 l 66 80')"},
91 ]);
92 </script>
93 </body>
94 </html>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698