third_party/WebKit/LayoutTests/transitions/transition-in-delay-phase.html

   1 <html>
   2 <head>
   3   <style>
   4     div {
   5       position: relative;
   6       left: 100px;
   7       height: 50px;
   8       width: 50px;
   9       background-color: green;
  10       -webkit-transition: left 4s linear 1s;
  11     }
  12
  13     .moved {
  14       left: 200px;
  15     }
  16    </style>
  17    <script src="../animations/resources/animation-test-helpers.js"></script>
  18    <script>
  19      const expectedValues = [
  20        // [time, element-id, property, expected-value, tolerance]
  21        [0.5, "target", "left", 100, 4],
  22      ];
  23
  24      function setupTest()
  25      {
  26        document.getElementById("target").className = "moved";
  27      }
  28
  29      runTransitionTest(expectedValues, setupTest);
  30    </script>
  31 </head>
  32 <body>
  33   <h1>Test for transition in delay phase</h1>
  34
  35   <p>This test works only in DumpRenderTree. It uses an API exposed
  36     only there to jump to a particular time in a running transition.
  37     Tests bug <a href="https://bugs.webkit.org/show_bug.cgi?id=59475">59475</a>
  38   </p>
  39
  40   <div id="target"></div>
  41   <div id="result"></div>
  42
  43 </body>
  44 </html>