[Web Animations] Expose Web Animations CSS integration as an experimental feature
[WebKit-https.git] / LayoutTests / animations / keyframes-infinite-iterations.html
1 <!DOCTYPE html><!-- webkit-test-runner [ enableWebAnimationsCSSIntegration=true ] -->
2 <html>
3 <head>
4   <style>
5     #box {
6         position: absolute;
7         left: 0;
8         top: 100px;
9         height: 100px;
10         width: 100px;
11         background-color: red;
12         -webkit-animation-duration: 1s;
13         -webkit-animation-timing-function: linear;
14         -webkit-animation-iteration-count: infinite;
15         -webkit-animation-name: "anim";
16     }
17     @-webkit-keyframes "anim" {
18         from { left: 0px; }
19         to   { left: 100px; }
20     }
21   </style>
22   <script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script>
23   <script type="text/javascript" charset="utf-8">
24     const expectedValues = [
25       // [animation-name, time, element-id, property, expected-value, tolerance]
26       ["anim", 2.5, "box", "left", 50, 5],
27     ];
28     
29     runAnimationTest(expectedValues);
30   </script>
31 </head>
32 <body>
33 <div id="box"></div>
34 <div id="result"></div>
35 </body>
36 </html>