Range-intersectsNode-shadow.html (777B)
1 <!doctype html> 2 <title>Range.intersectsNode with Shadow DOM</title> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <div id="host"></div> 6 <script> 7 test(() => { 8 const host = document.getElementById("host"); 9 host.attachShadow({ mode: "open" }).innerHTML = `<span>ABC</span>`; 10 11 const range = document.createRange(); 12 range.selectNode(document.body); 13 14 assert_true(range.intersectsNode(host), "Should intersect host"); 15 assert_false(range.intersectsNode(host.shadowRoot), "Should not intersect shadow root"); 16 assert_false(range.intersectsNode(host.shadowRoot.firstElementChild), "Should not intersect shadow span"); 17 }, "Range.intersectsNode() doesn't return true for shadow children in other trees"); 18 </script>