ec85651726932e2a3e0b89e0a4dfbcb28e2b13d6
[WebKit-https.git] / LayoutTests / transitions / delay.html
1 <!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
2 <html>
3 <head>
4   <style>
5     #target {
6       position: relative;
7       left: 0px;
8       height: 50px;
9       width: 50px;
10       background-color: green;
11       -webkit-transition: left 4s linear 1s;
12     }
13     
14     #target.moved {
15       left: 400px;
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        [2, "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   <div id="target"></div>
35   <div id="result"></div>
36 </body>
37 </html>