src/third_party/WebKit/LayoutTests/web-animations-api/timeline-play-animation.html

   1 <!DOCTYPE html>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4
   5 <body>
   6     <div id='e'></div>
   7 </body>
   8
   9 <script>
  10 var element = document.getElementById('e');
  11 var style = getComputedStyle(element);
  12 var duration = 1;
  13
  14 var animation = new Animation(element,
  15     [{opacity: '1', offset: 0},
  16     {opacity: '0', offset: 1}],
  17     duration);
  18
  19 test(function() {
  20     var player = document.timeline.play(animation);
  21     player.pause();
  22     player.currentTime = duration / 2;
  23     assert_equals(style.opacity, '0.5');
  24 }, 'Calling document.timeline.play() should start an animation.');
  25 </script>