| 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 |