third_party/WebKit/LayoutTests/transitions/color-transition-rounding.html

   1 <!DOCTYPE>
   2
   3 <html>
   4 <head>
   5   <style>
   6     #test {
   7       color: #00F;
   8       -webkit-transition: color 10s linear;
   9     }
  10
  11     #test.changed {
  12       color: #F00;
  13     }
  14   </style>
  15   <script src="../animations/resources/animation-test-helpers.js"></script>
  16   <script type="text/javascript">
  17     const expectedValues = [
  18       // [time, element-id, property, expected-value, tolerance]
  19       [4.998, 'test', 'color', [127, 0, 128], 0],
  20       [5.000, 'test', 'color', [128, 0, 128], 0],
  21       [5.002, 'test', 'color', [128, 0, 127], 0],
  22     ];
  23
  24     function setupTest()
  25     {
  26       document.getElementById('test').className = 'changed';
  27     }
  28
  29     runTransitionTest(expectedValues, setupTest);
  30   </script>
  31 </head>
  32 <body>
  33
  34   <div id="test">
  35     This test will probably fail when run manually; it requires the pause API for accurate results.
  36   </div>
  37
  38   <div id="result"></div>
  39 </body>
  40 </html>