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 left property while animating</title> | 6 <title>Test hit testing of left 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 'left' property and then does eleme
ntFromPoint calls | 81 This test starts an animation of the 'left' property and then does eleme
ntFromPoint 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 |