b2ac54de55e5e2e912d944c4c3fbafb2f46eea7e
[WebKit-https.git] / LayoutTests / transitions / color-transition-all.html
1 <!DOCTYPE><!-- webkit-test-runner [ enableWebAnimationsCSSIntegration=true ] -->
2
3 <html>
4 <head>
5   <style>
6     #outer {
7       font-size: 200%;
8       color: #00F;
9       -webkit-transition: all 1s linear;
10     }
11     
12     #inner {
13       color: #F00;
14     }
15     
16     #outer.changed {
17       color: #0F0;
18     }
19   </style>
20   <script src="resources/transition-test-helpers.js"></script>
21   <script type="text/javascript">
22     const expectedValues = [
23       // [time, element-id, property, expected-value, tolerance, post-completion callback, should-be-transitioning]
24       [0.5, 'outer', 'color', [0, 127, 127], 2, null, shouldBeTransitioning],
25       [0.5, 'inner', 'color', [255, 0, 0], 2, null, shouldNotBeTransitioning],
26       [0.5, 'inner', '-webkit-text-fill-color', [255, 0, 0], 2, null, shouldNotBeTransitioning],
27     ];
28
29     function setupTest()
30     {
31       document.getElementById('outer').className = 'changed';
32     }
33
34     runTransitionTest(expectedValues, setupTest, usePauseAPI);
35   </script>
36 </head>
37 <body>
38
39   <div id="outer">
40     <div id="inner">
41       inner
42     </div>
43     outer
44   </div>
45   
46   <div id="result">
47   </div>
48
49 </body>
50 </html>