Header parsing for experimental and internal debug features
[WebKit-https.git] / LayoutTests / animations / fill-mode-forwards-zero-duration.html
1 <!DOCTYPE html><!-- webkit-test-runner [ experimental:WebAnimationsCSSIntegrationEnabled=false ] -->
2 <html>
3 <head>
4   <style>
5     #box1 {
6       position: relative;
7       left: 10px;
8       top: 10px;
9       height: 100px;
10       width: 100px;
11       background-color: blue;
12       animation: anim1 0 2s linear forwards;
13     }
14     @keyframes anim1 {
15         from { left: 400px; }
16         25%  { left: 0px; }
17         51%  { left: 250px; }
18         to   { left: 100px; }
19     }
20   </style>
21   <script src="resources/animation-test-helpers.js"></script>
22   <script>
23
24     const expectedValues = [
25       // [animation-name, time, element-id, property, expected-value, tolerance]
26       ["anim1", 1, "box1", "left", 100, 2],
27     ];
28
29     runAnimationTest(expectedValues);
30   </script>
31 </head>
32 <body>
33 <p>Fill-forwards state should be the last keyframe state, even with a zero-duration animation.</p>
34 <div id="box1"></div>
35 <div id="result"></div>
36 </body>
37 </html>