4f6542b993b976806dd4211fa99fadee36cd2f64
[WebKit-https.git] / LayoutTests / animations / animation-controller-drt-api.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
2
3 <html lang="en">
4 <head>
5   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6   <style>
7     
8     body {
9       margin: 0;
10     }
11     
12     #target {
13       position: relative;
14       top: 100px;
15       left: 100px;
16       width: 200px;
17       height: 200px;
18       background-color: red;
19       -webkit-animation-name: anim1, anim2;
20       -webkit-animation-duration: 2s, 2s;
21       -webkit-animation-delay: 0s, 1s;
22       -webkit-transition-property: top, width;
23       -webkit-transition-duration: 2s, 2s;
24       -webkit-transition-delay: 0s, 1s;
25     }
26
27     @-webkit-keyframes anim1 {
28       from {
29         left: 100px;
30         opacity: 1.0;
31       }
32       to {
33         left: 200px;
34         opacity: 0.0;
35       }
36     }
37          
38     @-webkit-keyframes anim2 {
39       from {
40         height: 200px;
41       }
42       to {
43         height: 50px;
44       }
45     }
46          
47    </style>
48    <script type="text/javascript" charset="utf-8">
49    
50     function sample0() {
51       var expected = 4;
52       var current = internals.numberOfActiveAnimations();
53       if (current == expected)
54         document.getElementById('result0').innerHTML = "Number of active animations at 0s is (" + current + ") as expected";
55       else
56         document.getElementById('result0').innerHTML = "Number of active animations at 0s is (" + current + ") but was expecting (" + expected + ")";
57     }
58     
59     function sample1() {
60       var expected = 4;
61       var current = internals.numberOfActiveAnimations();
62       if (current == expected)
63         document.getElementById('result1').innerHTML = "Number of active animations at 1s is (" + current + ") as expected";
64       else
65         document.getElementById('result1').innerHTML = "Number of active animations at 1s is (" + current + ") but was expecting (" + expected + ")";
66       
67       testRunner.notifyDone();
68     }
69     
70     function startTest() {
71       if (window.testRunner) {
72         testRunner.dumpAsText();
73         testRunner.waitUntilDone();
74         
75         var target = document.getElementById('target');
76         target.style.top = '200px';
77         target.style.width = '100px';
78         
79         window.setTimeout(sample0, 0);
80         window.setTimeout(sample1, 1100);
81       }
82     }
83     
84    </script>
85 </head>
86 <body onload="startTest()">
87   <h1>Test for DRT numberOfActiveAnimations() API</h1>
88
89   <div id="target">
90   </div>
91   
92   <div id="result0">
93   </div>
94   
95   <div id="result1">
96   </div>
97
98 </body>
99 </html>