third_party/WebKit/LayoutTests/transitions/transition-ends-before-animation-frame.html

   1 <!DOCTYPE html>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4 <body>
   5 <script>
   6 var t = async_test('Transition end event should fire even if it completes in an on-demand timing update');
   7
   8 window.ontransitionend = function() {
   9   t.done();
  10 };
  11
  12 document.timeline.playbackRate = 0;
  13 document.timeline.currentTime = 0;
  14
  15 requestAnimationFrame(function() {
  16   document.body.style.transition = 'background 100ms';
  17   document.body.style.background = 'green';
  18
  19   setTimeout(function() {
  20     document.timeline.currentTime = 100;
  21     document.body.offsetTop; // Forces a style recalc, on-demand timing update.
  22   });
  23 });
  24 </script>