| <!DOCTYPE html> |
| <script src="../resources/testharness.js"></script> |
| <script src="../resources/testharnessreport.js"></script> |
| <style> |
| #roundedDiv { |
| width: 200px; |
| height: 200px; |
| border-radius: 5px; |
| border: 5px solid transparent; |
| display: inline-block; |
| } |
| #roundedDivChild { |
| width: 200px; |
| height: 100px; |
| margin-left: 400px; |
| } |
| </style> |
| <div id="roundedDiv"> |
| <div id="roundedDivChild">Mouse over me!<br>The box should turn green.</div> |
| </div> |
| <div id="log"></div> |
| <script> |
| test(function(t) |
| { |
| var element = document.getElementById("roundedDivChild"); |
| var x = element.offsetLeft + element.offsetWidth / 2; |
| var y = element.offsetTop + element.offsetHeight / 2; |
| |
| var element = document.elementFromPoint(x, y); |
| assert_equals(element.nodeName, 'DIV'); |
| assert_equals(element.id, 'roundedDivChild'); |
| }, "elementFromPoint should return an element under a point"); |
| </script> |