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