Refactoring: Pull all fullscreen code out of Document and into its own helper class
[WebKit-https.git] / LayoutTests / transitions / text-indent-transition.html
1 <!DOCTYPE><!-- webkit-test-runner [ experimental:WebAnimationsCSSIntegrationEnabled=true ] -->
2 <html>
3 <head>
4   <style>
5     .box {
6       width: 400px;
7       height: 100px;
8       margin: 10px;
9       border: 1px solid blue;
10       -webkit-transition-property: text-indent;
11       -webkit-transition-duration: 1s;
12       -webkit-transition-timing-function: linear;
13     }
14     
15     .indent {
16       text-indent: 0;
17     }
18
19     #container.final .indent {
20       text-indent: 100px;
21     }
22
23   </style>
24   <script src="resources/transition-test-helpers.js"></script>
25   <script type="text/javascript">
26
27     const expectedValues = [
28       // [time, element-id, property, expected-value, tolerance]
29       [0.5, 'box1', 'text-indent', 50, 2],
30     ];
31   
32     function setupTest()
33     {
34       document.getElementById('container').className = 'final';
35     }
36   
37     runTransitionTest(expectedValues, setupTest, usePauseAPI);
38   </script>
39 </head>
40 <body>
41   
42   <div id="container">
43     <div id="box1" class='indent box'>Text is affected by transition of text-indent.</div>
44   </div>
45
46   <div id="result"></div>
47 </body>
48 </html>