third_party/WebKit/LayoutTests/transitions/zero-duration-with-non-zero-delay-start.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style>
   6     #target {
   7       position: relative;
   8       top: 100px;
   9       left: 100px;
  10       width: 100px;
  11       height: 100px;
  12       background-color: blue;
  13       -webkit-transition-property: left;
  14       -webkit-transition-duration: 0s;
  15       -webkit-transition-delay: 0.5s;
  16     }
  17
  18     #target.moved {
  19       left: 200px;
  20     }
  21    </style>
  22    <script src="../animations/resources/animation-test-helpers.js"></script>
  23    <script>
  24     const expectedValues = [
  25       // Times are relative to document load for transitions.
  26       // [time, element-id, property, expected-value, tolerance]
  27       [0.0, "target", "left", 100, 0],
  28       [0.4, "target", "left", 100, 0],
  29       [0.6, "target", "left", 200, 0],
  30     ];
  31
  32     function setupTest()
  33     {
  34       document.getElementById('target').className = 'moved';
  35     }
  36
  37     runTransitionTest(expectedValues, setupTest);
  38    </script>
  39 </head>
  40 <body>
  41
  42   <div id="target"></div>
  43   <div id="result"></div>
  44
  45 </body>
  46 </html>