OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../resources/testharness.js"></script> | 2 <script src="../../resources/testharness.js"></script> |
3 <script src="../../resources/testharnessreport.js"></script> | 3 <script src="../../resources/testharnessreport.js"></script> |
4 <style> | 4 <style> |
5 @keyframes test { | 5 @keyframes test { |
6 from { opacity: 0; } | 6 from { opacity: 0; } |
7 to { opacity: 1; } | 7 to { opacity: 1; } |
8 } | 8 } |
9 .cssAnimation { | 9 .cssAnimation { |
10 animation: test 2s; | 10 animation: test 2s; |
11 } | 11 } |
12 </style> | 12 </style> |
13 <div id='container'> | 13 <div id='container'> |
14 <div id='element'></div> | 14 <div id='element'></div> |
15 </div> | 15 </div> |
16 | 16 |
17 <script> | 17 <script> |
18 | 18 |
19 var container = document.getElementById('container'); | 19 var container = document.getElementById('container'); |
20 var element = document.getElementById('element'); | 20 var element = document.getElementById('element'); |
21 | 21 |
22 test(function() { | 22 test(function() { |
23 assert_equals(document.timeline.getAnimationPlayers().length, 0); | 23 assert_equals(document.timeline.getAnimationPlayers().length, 0); |
| 24 assert_equals(container.getAnimationPlayers().length, 0); |
| 25 assert_equals(element.getAnimationPlayers().length, 0); |
24 | 26 |
25 var player = element.animate([], 1000); | 27 var player = element.animate([], 1000); |
26 assert_equals(document.timeline.getAnimationPlayers().length, 1); | 28 assert_equals(document.timeline.getAnimationPlayers().length, 1); |
27 assert_equals(document.timeline.getAnimationPlayers()[0], player); | 29 assert_equals(document.timeline.getAnimationPlayers()[0], player); |
28 | 30 |
29 var player2 = container.animate([], 1000); | 31 var player2 = container.animate([], 1000); |
30 assert_equals(document.timeline.getAnimationPlayers().length, 2); | 32 assert_equals(document.timeline.getAnimationPlayers().length, 2); |
31 assert_equals(document.timeline.getAnimationPlayers()[0], player); | 33 assert_equals(document.timeline.getAnimationPlayers()[0], player); |
32 assert_equals(document.timeline.getAnimationPlayers()[1], player2); | 34 assert_equals(document.timeline.getAnimationPlayers()[1], player2); |
33 | 35 |
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
109 players[0].finish(); | 111 players[0].finish(); |
110 assert_equals(document.timeline.getAnimationPlayers().length, 0); | 112 assert_equals(document.timeline.getAnimationPlayers().length, 0); |
111 assert_equals(container.getAnimationPlayers().length, 0); | 113 assert_equals(container.getAnimationPlayers().length, 0); |
112 assert_equals(element.getAnimationPlayers().length, 0); | 114 assert_equals(element.getAnimationPlayers().length, 0); |
113 t.done(); | 115 t.done(); |
114 } | 116 } |
115 }); | 117 }); |
116 }, 'getAnimationPlayers() with cssanimations'); | 118 }, 'getAnimationPlayers() with cssanimations'); |
117 | 119 |
118 </script> | 120 </script> |
OLD | NEW |