[Web Animations] Turn Web Animations with CSS integration on for test runners
[WebKit-https.git] / LayoutTests / fast / shapes / shape-outside-floats / shape-outside-shape-margin-animation.html
1 <!DOCTYPE html><!-- webkit-test-runner [ enableWebAnimationsCSSIntegration=true ] -->
2
3 <html>
4 <head>
5   <style>
6     .container {
7         width: 200px;
8         height: 200px;
9     }
10     .box {
11         height: 100px;
12         width: 100px;
13         -webkit-shape-outside: inset(0 100% 100% 0);
14         float: left;
15         background: rgba(0, 0, 255, 0.5);
16     }
17
18     #length-box {
19       -webkit-animation: length-anim 2s linear;
20     }
21
22     @-webkit-keyframes length-anim {
23         from { -webkit-shape-margin: 0px; }
24         to   { -webkit-shape-margin: 100px; }
25     }
26
27   </style>
28   <script src="../../../animations/resources/animation-test-helpers.js"></script>
29   <script type="text/javascript">
30     const expectedValues = [
31       // [animation-name, time, element-id, property, expected-value, tolerance]
32       ["length-anim",  1, "length-box", "-webkit-shape-margin", "50", 0.5],
33     ];
34     
35     runAnimationTest(expectedValues);
36   </script>
37 </head>
38 <body>
39
40 <div class='container'>
41   <div class="box" id="length-box"></div>
42   Moving Text
43 </div>
44
45 <div id="result">
46 </div>
47 </body>
48 </html>