Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/CSS2/normal-flow/block-in-inline-hittest-002.html - WPT Dashboard Interop Dashboard
<html>
<meta name="assert" content="Test list-based hit-testing for block-in-inline">
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<body>
<div>
<a href="#">
<h3 id="target">
text
</h3>
</a>
</div>
<script>
function ancestors(element) {
const list = [];
for (; element; element = element.parentElement)
list.push(element);
return list;
}
const target = document.getElementById('target');
const bounds = target.getBoundingClientRect();
const x = bounds.x + bounds.width / 2;
const y = bounds.y + bounds.height / 2;
test(() => {
const result = document.elementFromPoint(x, y);
assert_equals(result, target);
}, "elementFromPoint");
test(() => {
const results = document.elementsFromPoint(x, y);
assert_array_equals(results, ancestors(target));
}, "elementsFromPoint");
</script>
</body>
</html>