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

Side by Side Diff: third_party/WebKit/LayoutTests/web-animations-api/delay-endDelay-phases.html

Issue 2030843002: Web Animations: Account for end delay in after phase active time (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Add headers Created 4 years, 4 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
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <meta charset=utf-8> 2 <meta charset=utf-8>
3 <title>Test combinations of delay and endDelay</title> 3 <title>Test combinations of delay and endDelay</title>
4 <link rel="help" href="https://w3c.github.io/web-animations/#the-animationeffect timing-interface"> 4 <link rel="help" href="https://w3c.github.io/web-animations/#the-animationeffect timing-interface">
5 <script src="../resources/testharness.js"></script> 5 <script src="../resources/testharness.js"></script>
6 <script src="../resources/testharnessreport.js"></script> 6 <script src="../resources/testharnessreport.js"></script>
7 <script src="../imported/wpt/web-animations/testcommon.js"></script> 7 <script src="../imported/wpt/web-animations/testcommon.js"></script>
8 <body></body> 8 <body></body>
9 <script> 9 <script>
10 function testTiming({timing, expectations}, description) { 10 function testTiming({timing, expectations}, description) {
(...skipping 30 matching lines...) Expand all
41 duration: 10, 41 duration: 10,
42 delay: 1, 42 delay: 1,
43 endDelay: -1, 43 endDelay: -1,
44 fill: 'both', 44 fill: 'both',
45 }, 45 },
46 expectations: [ 46 expectations: [
47 { at: 0, expect: 0 }, 47 { at: 0, expect: 0 },
48 { at: 1, expect: 0 }, 48 { at: 1, expect: 0 },
49 { at: 2, expect: 0.1 }, 49 { at: 2, expect: 0.1 },
50 { at: 9, expect: 0.8 }, 50 { at: 9, expect: 0.8 },
51 { at: 10, expect: 1 }, 51 { at: 10, expect: 0.9 },
52 { at: 11, expect: 1 }, 52 { at: 11, expect: 0.9 },
53 ], 53 ],
54 }, 'Positive delay and negative endDelay'); 54 }, 'Positive delay and negative endDelay');
55 55
56 testTiming({ 56 testTiming({
57 timing: { 57 timing: {
58 duration: 10, 58 duration: 10,
59 delay: -1, 59 delay: -1,
60 endDelay: 1, 60 endDelay: 1,
61 fill: 'both', 61 fill: 'both',
62 }, 62 },
(...skipping 14 matching lines...) Expand all
77 delay: -1, 77 delay: -1,
78 endDelay: -1, 78 endDelay: -1,
79 fill: 'both', 79 fill: 'both',
80 }, 80 },
81 expectations: [ 81 expectations: [
82 { at: -2, expect: 0 }, 82 { at: -2, expect: 0 },
83 { at: -1, expect: 0 }, 83 { at: -1, expect: 0 },
84 { at: 0, expect: 0.1 }, 84 { at: 0, expect: 0.1 },
85 { at: 1, expect: 0.2 }, 85 { at: 1, expect: 0.2 },
86 { at: 7, expect: 0.8 }, 86 { at: 7, expect: 0.8 },
87 { at: 8, expect: 1 }, 87 { at: 8, expect: 0.9 },
88 { at: 9, expect: 1 }, 88 { at: 9, expect: 0.9 },
89 { at: 10, expect: 1 }, 89 { at: 10, expect: 0.9 },
90 ], 90 ],
91 }, 'delay and endDelay both negative'); 91 }, 'delay and endDelay both negative');
92 92
93 testTiming({ 93 testTiming({
94 timing: { 94 timing: {
95 duration: 10, 95 duration: 10,
96 delay: 1, 96 delay: 1,
97 endDelay: -12, 97 endDelay: -12,
98 fill: 'both', 98 fill: 'both',
99 }, 99 },
100 expectations: [ 100 expectations: [
101 { at: -2, expect: 0 }, 101 { at: -2, expect: 0 },
102 { at: -1, expect: 1 }, 102 { at: -1, expect: 0 },
103 { at: 0, expect: 1 }, 103 { at: 0, expect: 0 },
104 { at: 5, expect: 1 }, 104 { at: 5, expect: 0 },
105 { at: 10, expect: 1 }, 105 { at: 10, expect: 0 },
106 { at: 11, expect: 1 }, 106 { at: 11, expect: 0 },
107 { at: 12, expect: 1 }, 107 { at: 12, expect: 0 },
108 ], 108 ],
109 }, 'Negative endDelay that eclipses delay and duration'); 109 }, 'Negative endDelay that eclipses delay and duration');
110 </script> 110 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698