[Web Animations] Turn Web Animations with CSS integration on for test runners
[WebKit-https.git] / LayoutTests / transitions / zero-duration-in-list.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5   <style>
6     #box {
7       position: absolute;
8       left: 0;
9       height: 100px;
10       width: 100px;
11       background-color: blue;
12       -webkit-transition-duration: 0, 0.5s;
13       -webkit-transition-timing-function: linear;
14       -webkit-transition-property: top, left;
15     }
16   </style>
17   <script src="resources/transition-test-helpers.js"></script>
18   <script type="text/javascript">
19     
20     const expectedValues = [
21       // [time, element-id, property, expected-value, tolerance, post-completion callback, should-be-transitioning]
22       [0.25, "box", "left", 50, 10, null, shouldBeTransitioning],
23       [0.25, "box", "top", 100, 10, null, shouldNotBeTransitioning],
24     ];
25     
26     function setupTest()
27     {
28       var box = document.getElementById('box');
29       box.style.top = '100px';
30       box.style.left = '100px';
31     }
32     
33     runTransitionTest(expectedValues, setupTest, usePauseAPI);
34   </script>
35 </head>
36 <body>
37
38 <p>Tests that with a zero duration transition on top, it does not animate</p>
39 <div id="box">
40 </div>
41 <div id="result">
42 </div>
43 </body>
44 </html>