third_party/WebKit/LayoutTests/web-animations-api/transitions-replay.html

   1 <!DOCTYPE html>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4 <div id='element'></div>
   5 <style>
   6     #element {
   7         transition: background 100ms;
   8         background: black;
   9     }
  10 </style>
  11 <script>
  12 var t = async_test('Replaying a transition after it has finished should not trigger a new transition');
  13
  14 t.step(function() {
  15     element.offsetTop; // Force recalc
  16     element.style.background = "green";
  17     element.offsetTop; // Force recalc
  18
  19     assert_equals(document.timeline.getAnimations().length, 1);
  20     var animation = document.timeline.getAnimations()[0];
  21     animation.onfinish = function() {
  22         requestAnimationFrame(function() {
  23             requestAnimationFrame(function() {
  24                 animation.startTime = document.timeline.currentTime - 10;
  25                 animation.onfinish = t.done.bind(t);
  26             });
  27         });
  28     }
  29 });
  30 </script>