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

Side by Side Diff: third_party/WebKit/LayoutTests/imported/web-platform-tests/web-animations/keyframe-effect/getComputedTiming-progress.html

Issue 1866333004: Import web-platform-tests@5a8700479d98852455bee6117558897867eb278a (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@wpt-sync
Patch Set: Add Failure option for two TestExpectations entries Created 4 years, 8 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
(Empty)
1 <!DOCTYPE html>
2 <meta charset=utf-8>
3 <title>progress of KeyframeEffectReadOnly getComputedTiming() tests</title>
4 <link rel="help" href="https://w3c.github.io/web-animations/#dom-animationeffect readonly-getcomputedtiming">
5 <link rel="author" title="Daisuke Akatsuka" href="mailto:daisuke@mozilla-japan.o rg">
6 <script src="../../../../resources/testharness.js"></script>
7 <script src="../../../../resources/testharnessreport.js"></script>
8 <script src="../testcommon.js"></script>
9 <body>
10 <div id="log"></div>
11 <script>
12 'use strict';
13
14 function executeTests(tests, description) {
15 tests.forEach(function(currentTest) {
16 var testParams = '';
17 for (var attr in currentTest.input) {
18 testParams += ' ' + attr + ':' + currentTest.input[attr];
19 }
20 test(function(t) {
21 var div = createDiv(t);
22 var anim = div.animate({ opacity: [ 0, 1 ] }, currentTest.input);
23 assert_equals(anim.effect.getComputedTiming().progress,
24 currentTest.before);
25 anim.currentTime = currentTest.input.delay || 0;
26 assert_equals(anim.effect.getComputedTiming().progress,
27 currentTest.active);
28 if (typeof currentTest.after !== 'undefined') {
29 anim.finish();
30 assert_equals(anim.effect.getComputedTiming().progress,
31 currentTest.after);
32 }
33 }, description + testParams);
34 });
35 }
36
37 async_test(function(t) {
38 var div = createDiv(t);
39 var anim = div.animate({ opacity: [ 0, 1 ] }, { delay: 1 });
40 assert_equals(anim.effect.getComputedTiming().progress, null);
41 anim.finished.then(t.step_func(function() {
42 assert_equals(anim.effect.getComputedTiming().progress, null);
43 t.done();
44 }));
45 }, 'Test progress during before and after phase when fill is none');
46
47 var gTests_zero_iterations = [
48 {
49 input: { iterations: 0,
50 iterationStart: 0,
51 duration: 0,
52 delay: 1,
53 fill: 'both' },
54 before: 0,
55 active: 0,
56 after: 0
57 },
58
59 {
60 input: { iterations: 0,
61 iterationStart: 0,
62 duration: 100,
63 delay: 1,
64 fill: 'both' },
65 before: 0,
66 active: 0,
67 after: 0
68 },
69
70 {
71 input: { iterations: 0,
72 iterationStart: 0,
73 duration: Infinity,
74 delay: 1,
75 fill: 'both' },
76 before: 0,
77 active: 0,
78 after: 0
79 },
80
81 {
82 input: { iterations: 0,
83 iterationStart: 2.5,
84 duration: 0,
85 delay: 1,
86 fill: 'both' },
87 before: 0.5,
88 active: 0.5,
89 after: 0.5
90 },
91
92 {
93 input: { iterations: 0,
94 iterationStart: 2.5,
95 duration: 100,
96 delay: 1,
97 fill: 'both' },
98 before: 0.5,
99 active: 0.5,
100 after: 0.5
101 },
102
103 {
104 input: { iterations: 0,
105 iterationStart: 2.5,
106 duration: Infinity,
107 delay: 1,
108 fill: 'both' },
109 before: 0.5,
110 active: 0.5,
111 after: 0.5
112 },
113
114 {
115 input: { iterations: 0,
116 iterationStart: 3,
117 duration: 0,
118 delay: 1,
119 fill: 'both' },
120 before: 0,
121 active: 0,
122 after: 0
123 },
124
125 {
126 input: { iterations: 0,
127 iterationStart: 3,
128 duration: 100,
129 delay: 1,
130 fill: 'both' },
131 before: 0,
132 active: 0,
133 after: 0
134 },
135
136 {
137 input: { iterations: 0,
138 iterationStart: 3,
139 duration: Infinity,
140 delay: 1,
141 fill: 'both' },
142 before: 0,
143 active: 0,
144 after: 0
145 }
146 ];
147
148 var gTests_integer_iterations = [
149 {
150 input: { iterations: 3,
151 iterationStart: 0,
152 duration: 0,
153 delay: 1,
154 fill: 'both' },
155 before: 0,
156 active: 1,
157 after: 1
158 },
159
160 {
161 input: { iterations: 3,
162 iterationStart: 0,
163 duration: 100,
164 delay: 1,
165 fill: 'both' },
166 before: 0,
167 active: 0,
168 after: 1
169 },
170
171 {
172 input: { iterations: 3,
173 iterationStart: 0,
174 duration: Infinity,
175 delay: 1,
176 fill: 'both' },
177 before: 0,
178 active: 0
179 },
180
181 {
182 input: { iterations: 3,
183 iterationStart: 2.5,
184 duration: 0,
185 delay: 1,
186 fill: 'both' },
187 before: 0.5,
188 active: 0.5,
189 after: 0.5
190 },
191
192 {
193 input: { iterations: 3,
194 iterationStart: 2.5,
195 duration: 100,
196 delay: 1,
197 fill: 'both' },
198 before: 0.5,
199 active: 0.5,
200 after: 0.5
201 },
202
203 {
204 input: { iterations: 3,
205 iterationStart: 2.5,
206 duration: Infinity,
207 delay: 1,
208 fill: 'both' },
209 before: 0.5,
210 active: 0.5
211 },
212
213 {
214 input: { iterations: 3,
215 iterationStart: 3,
216 duration: 0,
217 delay: 1,
218 fill: 'both' },
219 before: 0,
220 active: 1,
221 after: 1
222 },
223
224 {
225 input: { iterations: 3,
226 iterationStart: 3,
227 duration: 100,
228 delay: 1,
229 fill: 'both' },
230 before: 0,
231 active: 0,
232 after: 1
233 },
234
235 {
236 input: { iterations: 3,
237 iterationStart: 3,
238 duration: Infinity,
239 delay: 1,
240 fill: 'both' },
241 before: 0,
242 active: 0
243 }
244 ];
245
246 var gTests_fractional_iterations = [
247 {
248 input: { iterations: 3.5,
249 iterationStart: 0,
250 duration: 0,
251 delay: 1,
252 fill: 'both' },
253 before: 0,
254 active: 0.5,
255 after: 0.5
256 },
257
258 {
259 input: { iterations: 3.5,
260 iterationStart: 0,
261 duration: 100,
262 delay: 1,
263 fill: 'both' },
264 before: 0,
265 active: 0,
266 after: 0.5
267 },
268
269 {
270 input: { iterations: 3.5,
271 iterationStart: 0,
272 duration: Infinity,
273 delay: 1,
274 fill: 'both' },
275 before: 0,
276 active: 0
277 },
278
279 {
280 input: { iterations: 3.5,
281 iterationStart: 2.5,
282 duration: 0,
283 delay: 1,
284 fill: 'both' },
285 before: 0.5,
286 active: 1,
287 after: 1
288 },
289
290 {
291 input: { iterations: 3.5,
292 iterationStart: 2.5,
293 duration: 100,
294 delay: 1,
295 fill: 'both' },
296 before: 0.5,
297 active: 0.5,
298 after: 1
299 },
300
301 {
302 input: { iterations: 3.5,
303 iterationStart: 2.5,
304 duration: Infinity,
305 delay: 1,
306 fill: 'both' },
307 before: 0.5,
308 active: 0.5
309 },
310
311 {
312 input: { iterations: 3.5,
313 iterationStart: 3,
314 duration: 0,
315 delay: 1,
316 fill: 'both' },
317 before: 0,
318 active: 0.5,
319 after: 0.5
320 },
321
322 {
323 input: { iterations: 3.5,
324 iterationStart: 3,
325 duration: 100,
326 delay: 1,
327 fill: 'both' },
328 before: 0,
329 active: 0,
330 after: 0.5
331 },
332
333 {
334 input: { iterations: 3.5,
335 iterationStart: 3,
336 duration: Infinity,
337 delay: 1,
338 fill: 'both' },
339 before: 0,
340 active: 0
341 }
342 ];
343
344 var gTests_infinity_iterations = [
345 {
346 input: { iterations: Infinity,
347 iterationStart: 0,
348 duration: 0,
349 delay: 1,
350 fill: 'both' },
351 before: 0,
352 active: 1,
353 after: 1
354 },
355
356 {
357 input: { iterations: Infinity,
358 iterationStart: 0,
359 duration: 100,
360 delay: 1,
361 fill: 'both' },
362 before: 0,
363 active: 0
364 },
365
366 {
367 input: { iterations: Infinity,
368 iterationStart: 0,
369 duration: Infinity,
370 delay: 1,
371 fill: 'both' },
372 before: 0,
373 active: 0
374 },
375
376 {
377 input: { iterations: Infinity,
378 iterationStart: 2.5,
379 duration: 0,
380 delay: 1,
381 fill: 'both' },
382 before: 0.5,
383 active: 0.5,
384 after: 0.5
385 },
386
387 {
388 input: { iterations: Infinity,
389 iterationStart: 2.5,
390 duration: 100,
391 delay: 1,
392 fill: 'both' },
393 before: 0.5,
394 active: 0.5
395 },
396
397 {
398 input: { iterations: Infinity,
399 iterationStart: 2.5,
400 duration: Infinity,
401 delay: 1,
402 fill: 'both' },
403 before: 0.5,
404 active: 0.5
405 },
406
407 {
408 input: { iterations: Infinity,
409 iterationStart: 3,
410 duration: 0,
411 delay: 1,
412 fill: 'both' },
413 before: 0,
414 active: 1,
415 after: 1
416 },
417
418 {
419 input: { iterations: Infinity,
420 iterationStart: 3,
421 duration: 100,
422 delay: 1,
423 fill: 'both' },
424 before: 0,
425 active: 0
426 },
427
428 {
429 input: { iterations: Infinity,
430 iterationStart: 3,
431 duration: Infinity,
432 delay: 1,
433 fill: 'both' },
434 before: 0,
435 active: 0
436 }
437 ];
438
439 executeTests(gTests_zero_iterations, "Test zero iterations:");
440 executeTests(gTests_integer_iterations, "Test integer iterations:");
441 executeTests(gTests_fractional_iterations, "Test fractional iterations:");
442 executeTests(gTests_infinity_iterations, "Test infinity iterations:");
443
444 </script>
445 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698