Refactoring: Pull all fullscreen code out of Document and into its own helper class
[WebKit-https.git] / LayoutTests / transitions / zero-duration-with-non-zero-delay-end.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5   <style>
6     body {
7       margin: 0;
8     }
9     
10     #target {
11       position: relative;
12       top: 100px;
13       left: 100px;
14       width: 200px;
15       height: 200px;
16       background-color: red;
17       -webkit-transition-property: left;
18       -webkit-transition-duration: 0s;
19       -webkit-transition-delay: 0.5s;
20     }
21    </style>
22    <script>
23
24
25     function numberOfActiveAnimations()
26     {
27         return document.getAnimations().filter(animation => {
28             const playState = animation.playState;
29             return playState == "running" || playState == "paused";
30         }).length;
31     }
32
33     function sample0() {
34       var expected = 1;
35       var current = numberOfActiveAnimations();
36       if (current == expected)
37         document.getElementById('result0').innerHTML = "Number of active animations before transition is (" + current + ") as expected";
38       else
39         document.getElementById('result0').innerHTML = "Number of active animations before transition is (" + current + ") but was expecting (" + expected + ")";
40     }
41     
42     function sample1() {
43       var expected = 0;
44       var current = numberOfActiveAnimations();
45       if (current == expected)
46         document.getElementById('result1').innerHTML = "Number of active animations after transition is (" + current + ") as expected";
47       else
48         document.getElementById('result1').innerHTML = "Number of active animations after transition is (" + current + ") but was expecting (" + expected + ")";
49       
50       testRunner.notifyDone();
51     }
52     
53     function runTest() {
54       window.setTimeout(sample0, 250);
55       // Note that since 0-delay transitions do not disptach transitionEnd events
56       // we have to use a timeout here.
57       window.setTimeout(sample1, 750);
58     }
59     
60     function startTest() {
61       if (window.testRunner) {
62         testRunner.dumpAsText();
63         testRunner.waitUntilDone();
64         
65         var target = document.getElementById('target');
66         target.style.left = '200px';
67         runTest();
68       }
69     }
70    </script>
71 </head>
72 <body onload="startTest()">
73   <h1>Test for DRT numberOfActiveAnimations() API</h1>
74
75   <div id="target">
76   </div>
77   
78   <div id="result0">
79   </div>
80   
81   <div id="result1">
82   </div>
83
84 </body>
85 </html>