third_party/WebKit/LayoutTests/animations/animation-paused-hardware.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4   <title>Test that paused composited animations do not animate</title>
   5   <style>
   6     #box {
   7       background-color: coral;
   8       height: 100px;
   9       width: 100px;
  10       opacity: 1.0;
  11       -webkit-animation-play-state: paused;
  12       -webkit-animation-duration: 0.2s;
  13       -webkit-animation-timing-function: linear;
  14       -webkit-animation-name: fade;
  15       -webkit-animation-fill-mode: forwards;
  16     }
  17
  18     @-webkit-keyframes fade {
  19       to { opacity: 0.3; }
  20     }
  21   </style>
  22   <script src="resources/animation-test-helpers.js" type="text/javascript"></script>
  23   <script type="text/javascript">
  24     const expectedValues = [
  25       // [time, element-id, property, expected-value, tolerance]
  26       [0.2, "box",  "opacity", 1, 0.002],
  27     ];
  28
  29     const doPixelTest = true;
  30     const disablePauseAnimationAPI = true;
  31     runAnimationTest(expectedValues, null, null, disablePauseAnimationAPI, doPixelTest);
  32   </script>
  33 </head>
  34 <body>
  35   <div id="box"></div>
  36   <div id="result"></div>
  37 </body>
  38 </html>