| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../resources/testharness.js"></script> |
| 3 <script src="../resources/testharnessreport.js"></script> |
| 4 <style> |
| 5 #roundedDiv { |
| 6 width: 200px; |
| 7 height: 200px; |
| 8 border-radius: 5px; |
| 9 border: 5px solid transparent; |
| 10 display: inline-block; |
| 11 } |
| 12 #roundedDivChild { |
| 13 width: 200px; |
| 14 height: 100px; |
| 15 margin-left: 400px; |
| 16 } |
| 17 </style> |
| 18 <div id="roundedDiv"> |
| 19 <div id="roundedDivChild">Mouse over me!<br>The box should turn green.</div> |
| 20 </div> |
| 21 <div id="log"></div> |
| 22 <script> |
| 23 test(function(t) |
| 24 { |
| 25 var element = document.getElementById("roundedDivChild"); |
| 26 var x = element.offsetLeft + element.offsetWidth / 2; |
| 27 var y = element.offsetTop + element.offsetHeight / 2; |
| 28 |
| 29 var element = document.elementFromPoint(x, y); |
| 30 assert_equals(element.nodeName, 'DIV'); |
| 31 assert_equals(element.id, 'roundedDivChild'); |
| 32 }, "elementFromPoint should return an element under a point"); |
| 33 </script> |
| OLD | NEW |