third_party/WebKit/LayoutTests/virtual/threaded/animations/composited-animation-style-update.html

   1 <!DOCTYPE html>
   2 <style>
   3 div {
   4     position: absolute;
   5     width: 100px;
   6     height: 100px;
   7 }
   8
   9 #expectation {
  10     font-size: 50px;
  11     background: red;
  12     transform: translate(1em, 1em);
  13 }
  14
  15 #target {
  16     font-size: 1px;
  17     background: green;
  18 }
  19 </style>
  20 <span id="text"></span>
  21 <div id="expectation"></div>
  22 <div id="target"></div>
  23 <script>
  24 target.style.fontSize = "50px";
  25 var animation = target.animate([
  26   {transform: "translate(1em, 1em)"},
  27   {transform: "translate(1em, 1em)"},
  28 ], {
  29   duration: 1e10,
  30   iterations: Infinity,
  31 });
  32
  33 testRunner.waitUntilDone();
  34 requestAnimationFrame(function() {
  35   requestAnimationFrame(function() {
  36     var composited = internals.isCompositedAnimation(animation);
  37     text.textContent = `Animation ${composited ? 'is' : 'is not'} running on the compositor.`;
  38     testRunner.notifyDone();
  39   });
  40 });
  41 </script>