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