[Web Animations] Implement more CSSPropertyBlendingClient methods
[WebKit-https.git] / LayoutTests / transitions / delay.html
1 <html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
2 <head>
3   <style>
4     #target {
5       position: relative;
6       left: 0px;
7       height: 50px;
8       width: 50px;
9       background-color: green;
10       -webkit-transition: left 4s linear 1s;
11     }
12     
13     #target.moved {
14       left: 400px;
15     }
16    </style>
17    <script src="resources/transition-test-helpers.js"></script>
18    <script>
19      const expectedValues = [
20        // [time, element-id, property, expected-value, tolerance]
21        [2, "target", "left", 100, 4],
22      ];
23
24      function setupTest()
25      {
26        document.getElementById("target").className = "moved";
27      }
28
29      runTransitionTest(expectedValues, setupTest, usePauseAPI);
30    </script>
31 </head>
32 <body>
33   <div id="target"></div>
34   <div id="result"></div>
35 </body>
36 </html>