[Web Animations] Expose Web Animations CSS integration as an experimental feature
[WebKit-https.git] / LayoutTests / transitions / zero-duration-with-non-zero-delay-start.html
1 <!DOCTYPE html><!-- webkit-test-runner [ enableWebAnimationsCSSIntegration=true ] -->
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="resources/transition-test-helpers.js"></script>
23    <script>
24     const expectedValues = [
25       // [time, element-id, property, expected-value, tolerance]
26       [1, "target", "left", 200, 4],
27     ];
28
29     function setupTest()
30     {
31       document.getElementById('target').className = 'moved';
32     }
33
34     // Pause API isn't happy pausing during delay yet.
35     // https://bugs.webkit.org/show_bug.cgi?id=59475
36     runTransitionTest(expectedValues, setupTest, dontUsePauseAPI);
37    </script>
38 </head>
39 <body>
40
41   <div id="target"></div>
42   <div id="result"></div>
43
44 </body>
45 </html>