third_party/WebKit/LayoutTests/animations/animation-immediate-start-event-after-ondemand-update.html

   1 <!doctype html>
   2 <style>
   3 .animated {
   4   -webkit-animation: test 10ms;
   5   -webkit-animation-delay: -10ms;
   6 }
   7 @-webkit-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('webkitAnimationStart', 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>