| OLD | NEW |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
| 2 "http://www.w3.org/TR/html4/loose.dtd"> | 2 "http://www.w3.org/TR/html4/loose.dtd"> |
| 3 | 3 |
| 4 <html lang="en"> | 4 <html lang="en"> |
| 5 <head> | 5 <head> |
| 6 <title>Test hit testing of -webkit-transform property while animating</title> | 6 <title>Test hit testing of -webkit-transform property while animating</title> |
| 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| 8 <style> | 8 <style> |
| 9 #target { | 9 #target { |
| 10 position: absolute; | 10 position: absolute; |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 47 var result = ""; | 47 var result = ""; |
| 48 result += checkResult(150, false); | 48 result += checkResult(150, false); |
| 49 result += checkResult(300, true); | 49 result += checkResult(300, true); |
| 50 result += checkResult(450, false); | 50 result += checkResult(450, false); |
| 51 document.getElementById('result').innerHTML = result; | 51 document.getElementById('result').innerHTML = result; |
| 52 } | 52 } |
| 53 | 53 |
| 54 function doTest() | 54 function doTest() |
| 55 { | 55 { |
| 56 if (window.testRunner) { | 56 if (window.testRunner) { |
| 57 var target = document.getElementById("target"); | 57 internals.pauseAnimations(2); |
| 58 if (!internals.pauseAnimationAtTimeOnElement("anim", 2.0, target
)) | |
| 59 throw("Transition is not running"); | |
| 60 | 58 |
| 61 checkResults(); | 59 checkResults(); |
| 62 testRunner.notifyDone(); | 60 testRunner.notifyDone(); |
| 63 } | 61 } |
| 64 else { | 62 else { |
| 65 window.setTimeout("checkResults()", 2000); | 63 window.setTimeout("checkResults()", 2000); |
| 66 } | 64 } |
| 67 } | 65 } |
| 68 | 66 |
| 69 function startTest() | 67 function startTest() |
| (...skipping 13 matching lines...) Expand all Loading... |
| 83 This test starts an animation of the '-webkit-transform' property and th
en does elementFromPoint calls | 81 This test starts an animation of the '-webkit-transform' property and th
en does elementFromPoint calls |
| 84 at the shown yellow dots to see if hit testing works | 82 at the shown yellow dots to see if hit testing works |
| 85 </div> | 83 </div> |
| 86 <div id="target"></div> | 84 <div id="target"></div> |
| 87 <div class="dot" style="left:150px"></div> | 85 <div class="dot" style="left:150px"></div> |
| 88 <div class="dot" style="left:300px"></div> | 86 <div class="dot" style="left:300px"></div> |
| 89 <div class="dot" style="left:450px"></div> | 87 <div class="dot" style="left:450px"></div> |
| 90 <div id="result" style="position:absolute; top:250px"></div> | 88 <div id="result" style="position:absolute; top:250px"></div> |
| 91 </body> | 89 </body> |
| 92 </html> | 90 </html> |
| OLD | NEW |