OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html lang="en"> | 2 <html lang="en"> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 p, div { | 5 p, div { |
6 font: 12px/1 monospace; | 6 font: 12px/1 monospace; |
7 } | 7 } |
8 .box { | 8 .box { |
9 width: 260px; | 9 width: 260px; |
10 height: 120px; | 10 height: 120px; |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
52 var content = document.querySelector("#content"); | 52 var content = document.querySelector("#content"); |
53 | 53 |
54 // move mouse on the hover test object | 54 // move mouse on the hover test object |
55 eventSender.mouseMoveTo(content.offsetLeft + 20, content
.offsetTop + 20); | 55 eventSender.mouseMoveTo(content.offsetLeft + 20, content
.offsetTop + 20); |
56 | 56 |
57 testRunner.notifyDone(); | 57 testRunner.notifyDone(); |
58 } | 58 } |
59 } | 59 } |
60 </script> | 60 </script> |
61 | 61 |
| 62 <script type="text/javascript"> |
| 63 function elementHovered() { |
| 64 if (window.testRunner) |
| 65 document.getElementById("content").style.webkitFlowInto
= "flow2"; |
| 66 } |
| 67 </script> |
| 68 |
| 69 |
62 <body onload="beginTest()"> | 70 <body onload="beginTest()"> |
63 <p>When hovering the <span style="color:blue"><b>blue box</b></span>, it
should move to the <span style="color:darkred"><b>second region</b></span> (it'
s <b>flow-into</b> will change to the 2nd thread)</p> | 71 <p>When hovering the <span style="color:blue"><b>blue box</b></span>, it
should move to the <span style="color:darkred"><b>second region</b></span> (it'
s <b>flow-into</b> will change to the 2nd thread)</p> |
64 <div id="region1"></div> | 72 <div id="region1"></div> |
65 <div id="region2"></div> | 73 <div id="region2"></div> |
66 » <div id="content" class="box">This box is flowed into the <span style="c
olor:green"><b>first region</b></span> when it is <b>not</b> hovered and into th
e <span style="color:darkred"><b>second region</b></span> when it <b>is</b></div
> | 74 » <div id="content" class="box" onmouseover="elementHovered()">This box is
flowed into the <span style="color:green"><b>first region</b></span> when it is
<b>not</b> hovered and into the <span style="color:darkred"><b>second region</b
></span> when it <b>is</b></div> |
67 </body> | 75 </body> |
68 </html> | 76 </html> |
OLD | NEW |