[Web Animations] Turn Web Animations with CSS integration on for test runners
[WebKit-https.git] / LayoutTests / transitions / crossfade-transition.html
1 <script>
2 if (window.testRunner) {
3     window.testRunner.waitUntilDone();
4     window.testRunner.dumpAsText();
5 }
6
7 window.addEventListener("load", function () {
8     setTimeout(function () {
9         document.body.className = "foo";
10         if (window.testRunner) {
11             setTimeout(function () {
12                 window.testRunner.notifyDone();
13             }, 50);
14         }
15     }, 0);
16 }, false);
17 </script>
18 <style>
19 .a > li,
20 .a > li p {
21   transition: all 0.1s ease;
22 }
23
24 .a > li.b {
25   list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1"><rect width="1" height="1" fill="blue"/></svg>');
26 }
27 .foo .a > li.b {
28   list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1"><rect width="1" height="1" fill="red"/></svg>');
29 }
30
31 </style>
32 <ul class="a">
33   <li class="b">
34     <p>Test passes if there is no crash</p>
35   </li>
36 </ul>