OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <script src="../resources/testharness.js"></script> | |
3 <script src="../resources/testharnessreport.js"></script><style> | |
4 @keyframes test { | |
5 from { opacity: 0; } | |
6 to { opacity: 1; } | |
7 } | |
8 .cssAnimation { | |
9 animation: test 2s; | |
10 } | |
11 </style> | |
12 <div id='container'> | |
13 <div id='element'></div> | |
14 </div> | |
15 | |
16 <script> | |
17 async_test(function(t) { | |
18 assert_equals(document.getAnimations().length, 0); | |
19 assert_equals(container.getAnimations().length, 0); | |
20 assert_equals(element.getAnimations().length, 0); | |
21 | |
22 element.className = 'cssAnimation'; | |
23 onload = function () { | |
24 t.step(function() { | |
25 var animations = document.getAnimations(); | |
26 assert_equals(animations.length, 1); | |
27 assert_equals(container.getAnimations().length, 0); | |
28 assert_equals(element.getAnimations().length, 1); | |
29 | |
30 animations[0].finish(); | |
31 assert_equals(document.getAnimations().length, 0); | |
32 assert_equals(container.getAnimations().length, 0); | |
33 assert_equals(element.getAnimations().length, 0); | |
34 t.done(); | |
35 }); | |
36 } | |
37 }, 'getAnimations() with cssanimations'); | |
38 | |
39 </script> | |
OLD | NEW |