Kill suspendAnimation(), resumeAnimation() and numberOfActiveAnimations() from DRT...
[WebKit-https.git] / LayoutTests / transitions / transition-drt-api-delay.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5   <style>
6     #target {
7       position: relative;
8       left: 100px;
9       height: 50px;
10       width: 50px;
11       background-color: green;
12       -webkit-transition-property: left;
13       -webkit-transition-duration: 4s;
14       -webkit-transition-timing-function: linear;
15       -webkit-transition-delay: 1s;
16     }
17     
18     #target.moved {
19       left: 200px;
20     }
21    </style>
22    <script src="resources/transition-test-helpers.js"></script>
23    <script>
24     function endTest() {
25       if (window.testRunner) {
26         testRunner.pauseTransitionAtTimeOnElementWithId("left", 2.0, "target");
27         var left = window.getComputedStyle(document.getElementById('target')).left;
28         var result = "PASS";
29         if (left != "125px") {
30           result = "FAIL - expected 125px got " + left;
31         }
32         document.getElementById('result').innerHTML = "<p>" + result + "</p>";
33         testRunner.notifyDone();
34       }
35     }
36     
37     function startTest() {
38       if (window.testRunner) {
39         testRunner.dumpAsText();
40         testRunner.waitUntilDone();
41       }
42       
43       document.getElementById("target").className = "moved";
44       waitForAnimationStart(endTest, 1);
45     }
46    </script>
47 </head>
48 <body onload="startTest()">
49   <h1>Test for transition delay on testRunner API</h1>
50   
51   <p>This test works only in DumpRenderTree. It uses an API exposed
52     only there to jump to a particular time in a running transition.
53     Tests bug <a href="https://bugs.webkit.org/show_bug.cgi?id=22368">22368</a>
54   </p>
55
56   <div id="target"></div>
57
58   <div id="result"></div>
59
60 </body>
61 </html>