| 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 |