15c30f08999b3553fb944aa3ea4b144c41797117
[WebKit-https.git] / LayoutTests / transitions / transition-drt-api.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5   <style>
6     #target {
7       position: relative;
8       left: 100px;
9       height: 100px;
10       width: 100px;
11       background-color: blue;
12       -webkit-transition-property: left;
13       -webkit-transition-duration: 4s;
14       -webkit-transition-timing-function: linear;
15     }
16     
17     #target.moved {
18       left: 200px;
19     }
20    </style>
21    <script>
22     if (window.testRunner)
23       testRunner.dumpAsText();
24
25     function endTest() {
26       if (window.testRunner) {
27         var target = document.getElementById('target');
28         var paused = internals.pauseTransitionAtTimeOnElement("left", 1.0, target);
29         var result = "";
30         if (paused)
31           result = "PASS: correctly paused transition";
32         else
33           result = "FAIL: failed to pause transition";
34
35         document.getElementById('results').innerText = result;
36         testRunner.notifyDone();
37       } else
38         document.getElementById('results').innerText = "This test requires DRT";
39     }
40     
41     function startTest() {
42       if (window.testRunner)
43         testRunner.waitUntilDone();
44       
45       document.getElementById("target").className = "moved";
46       window.setTimeout(endTest, 0);
47     }
48    </script>
49 </head>
50 <body onload="startTest()">
51   <!-- Test for Interals pauseTransitionAtTimeOnElement() API -->
52   <div id="target"></div>
53   <div id="results"></div>
54
55 </body>
56 </html>