third_party/WebKit/LayoutTests/web-animations-api/deferred-updates.html

   1 <!DOCTYPE html>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4 <div id="target">Test target</div>
   5 <script>
   6 var target = document.getElementById('target');
   7 test(function() {
   8   var player = target.animate([{background: 'green'}, {background: 'green'}], 10000);
   9   assert_equals(getComputedStyle(target).backgroundColor, 'rgb(0, 128, 0)');
  10   player.cancel();
  11 }, 'Animation effects should be visible to getComputedStyle');
  12
  13 var layoutTest = async_test('Animation effects should be visible to offsetHeight, etc.');
  14 addEventListener('load', function() {
  15   layoutTest.step(function() {
  16     var player = target.animate([{height: '732px'}, {height: '732px'}], 10000);
  17     assert_equals(target.offsetHeight, 732);
  18     player.cancel();
  19   });
  20   layoutTest.done();
  21   target.remove();
  22 });
  23 </script>