Header parsing for experimental and internal debug features
[WebKit-https.git] / LayoutTests / fast / shapes / shape-outside-floats / shape-outside-shape-image-threshold-animation.html
1 <!-- webkit-test-runner [ experimental:WebAnimationsCSSIntegrationEnabled=true ] -->
2 <html>
3 <head>
4 <style>
5 .shape {
6     width: 100px;
7     height: 100px;
8     float: left;
9     -webkit-shape-outside: url('../resources/svg-shape-003.svg');
10     background: url('../resources/svg-shape-003.svg');
11 }
12 .container {
13     width: 200px;
14     height: 200px;
15     border: 2px solid blue;
16 }
17 @-webkit-keyframes threshold-anim {
18         from { -webkit-shape-image-threshold: 0; }
19         to   { -webkit-shape-image-threshold: 1; }
20 }
21 .shape {
22     -webkit-animation: threshold-anim 2s linear;
23 }
24 </style>
25 <script src="../../../animations/resources/animation-test-helpers.js"></script>
26   <script type="text/javascript">
27     const expectedValues = [
28       // [animation-name, time, element-id, property, expected-value, tolerance]
29       ["threshold-anim",  1, "shape", "-webkit-shape-image-threshold", "0.5", 0.05],
30     ];
31
32     runAnimationTest(expectedValues);
33 </script>
34 </head>
35 <body>
36 <div class='container'>
37 <div class='shape' id='shape'></div>
38 Moving Text
39 </div>
40
41 <div id="result">
42 </div>
43 </body>
44 </html>