wpt/css/cssom-view/elementsFromPoint-inline-nested.html at f9a8b0b915208f6edd93539825034becd58a08c2 · web-platform-tests/wpt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="author" title="Miyoung Shin" href="myid.shin@igalia.com">
<link rel="author" title="Hyowon Kim" href="hyowon@igalia.com">
<link rel="help" href="https://www.w3.org/TR/cssom-view-1/#extensions-to-the-document-interface">

<div id="container" style="width:200px; height:200px;">
  <span id="innerSpan2">
    <span id="innerSpan3">
      <span id="innerSpan4">This is in nested inline elements</span>
    </span>
  </span>
</div>

<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
test(() => {
  const span = document.getElementById("innerSpan4");
  const rect = span.getBoundingClientRect();
  const x = rect.left + 8;
  const y = rect.top + 8;

  const elements = document.elementsFromPoint(x, y);
  assert_equals(elements.length, 6);
  assert_equals(elements[0].id, "innerSpan4");
  assert_equals(elements[1].id, "innerSpan3");
  assert_equals(elements[2].id, "innerSpan2");
  assert_equals(elements[3].id, "container");
  assert_equals(elements[4].nodeName, "BODY");
  assert_equals(elements[5].nodeName, "HTML");
}, "elementsFromPoint should return all elements under a point, including nested inline elements");
</script>