Refactoring: Pull all fullscreen code out of Document and into its own helper class
[WebKit-https.git] / LayoutTests / transitions / visited-link-color.html
1 <!-- webkit-test-runner [ experimental:WebAnimationsCSSIntegrationEnabled=true ] -->
2 <html>
3 <head>
4 <style>
5 a {
6     font-size: 300%;
7     -webkit-transition: all 1s linear;
8     background-color: #00F;
9     border: 8px solid #F00;
10     color: #0F0;
11     outline: 8px solid #0F0;
12     -webkit-column-rule-color: #0F0;
13     -webkit-text-stroke-color: #0F0;
14     -webkit-text-fill-color: #0F0;
15 }
16 .changed {
17     background-color: #0F0;
18     border: 8px solid #00F;
19     color: #F00;
20     outline: 8px solid #F00;
21     -webkit-column-rule-color: #F00;
22     -webkit-text-stroke-color: #F00;
23     -webkit-text-fill-color: #00F;
24 }
25 </style>
26 <script src="resources/transition-test-helpers.js"></script>
27 <script>
28     const expectedValues = [
29     // [time, element-id, property, expected-value, tolerance, post-completion callback, should-be-transitioning]
30     [0.5, 'link', 'color', [127, 127, 0], 10, null, shouldBeTransitioning],
31     [0.5, 'link', 'background-color', [0, 127, 127], 10, null, shouldBeTransitioning],
32     [0.5, 'link', 'border-left-color', [127, 0, 127], 10, null, shouldBeTransitioning],
33     [0.5, 'link', 'border-right-color', [127, 0, 127], 10, null, shouldBeTransitioning],
34     [0.5, 'link', 'border-top-color', [127, 0, 127], 10, null, shouldBeTransitioning],
35     [0.5, 'link', 'border-bottom-color', [127, 0, 127], 10, null, shouldBeTransitioning],
36     [0.5, 'link', 'outline-color', [127, 127, 0], 10, null, shouldBeTransitioning],
37     [0.5, 'link', '-webkit-column-rule-color', [127, 127, 0], 10, null, shouldBeTransitioning],
38     [0.5, 'link', '-webkit-text-stroke-color', [127, 127, 0], 10, null, shouldBeTransitioning],
39     [0.5, 'link', '-webkit-text-fill-color', [0, 127, 127], 10, null, shouldBeTransitioning],
40     ];
41     function setupTest()
42     {
43         document.getElementById('link').className = 'changed';
44     }
45     runTransitionTest(expectedValues, setupTest, usePauseAPI);
46 </script>
47 </head>
48 <body>
49 All the colors of the link below should be animating:
50 <div>
51 <br>
52 <a id="link" href="">
53    link
54 </a>
55 <br>
56 <br>
57 </div>
58 <div id="result">
59 </div>
60 </body>
61 </html>