OLD | NEW |
| (Empty) |
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, targe
t); | |
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> | |
OLD | NEW |