OLD | NEW |
| (Empty) |
1 <!doctype html> | |
2 <style> | |
3 .animated { | |
4 animation: test 10ms; | |
5 animation-delay: -10ms; | |
6 } | |
7 @keyframes test { | |
8 0% {} | |
9 } | |
10 </style> | |
11 <div id="test">FAIL</div> | |
12 <script> | |
13 if (window.testRunner) { | |
14 testRunner.dumpAsText(); | |
15 testRunner.waitUntilDone(); | |
16 } | |
17 onload = function() { | |
18 // This test covers a specific regression where an on-demand timing update | |
19 // that was triggered after an animation received a start time could cause | |
20 // CSS Animation and Transition events to not be fired on the subseuquent | |
21 // animation-frame timing update. | |
22 test.classList.add('animated'); | |
23 test.addEventListener('animationstart', function() { | |
24 document.documentElement.textContent = 'PASS'; | |
25 if (window.testRunner) | |
26 testRunner.notifyDone(); | |
27 }); | |
28 requestAnimationFrame(function() { | |
29 setTimeout(function() { | |
30 getComputedStyle(test).left; | |
31 }); | |
32 }); | |
33 } | |
34 </script> | |
OLD | NEW |