diff options
Diffstat (limited to 'testing/web-platform/tests/selection/selection-range-in-shadow-after-the-shadow-removed.tentative.html')
-rw-r--r-- | testing/web-platform/tests/selection/selection-range-in-shadow-after-the-shadow-removed.tentative.html | 96 |
1 files changed, 96 insertions, 0 deletions
diff --git a/testing/web-platform/tests/selection/selection-range-in-shadow-after-the-shadow-removed.tentative.html b/testing/web-platform/tests/selection/selection-range-in-shadow-after-the-shadow-removed.tentative.html new file mode 100644 index 0000000000..e9f63715a2 --- /dev/null +++ b/testing/web-platform/tests/selection/selection-range-in-shadow-after-the-shadow-removed.tentative.html @@ -0,0 +1,96 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"> +<meta name="variant" content="?mode=closed"> +<meta name="variant" content="?mode=open"> +<title>Selection range in shadow after removing the shadow</title> +<script src=/resources/testharness.js></script> +<script src=/resources/testharnessreport.js></script> +<script> +"use strict"; + +addEventListener("load", () => { + const mode = (new URLSearchParams(document.location.search)).get("mode"); + const container = document.querySelector("div"); + test(() => { + const host = document.createElement("div"); + host.id = "host"; + const root = host.attachShadow({mode}); + root.innerHTML = '<div id="in-shadow">ABC</div>'; + container.appendChild(host); + getSelection().collapse(root.firstChild.firstChild, 2); + const range = getSelection().getRangeAt(0); + host.remove(); + // The range should be kept in the shadow because it's referred by JS as + // a range. + assert_equals(range.startContainer, root.firstChild.firstChild, "startContainer should not be changed"); + assert_equals(range.startOffset, 2, "startOffset should not be changed"); + // It may be reasonable to just remove the range in removed shadow. + // This matches with move-selection-range-into-different-root.tentative.html + assert_equals(getSelection().rangeCount, 0, "Selection should not have the range in removed shadow"); + }, "Selection range in shadow should not be as a selection range after the host is removed"); + + test(() => { + const wrapper = document.createElement("div"); + wrapper.id = "wrapper"; + const host = document.createElement("div"); + host.id = "host"; + const root = host.attachShadow({mode}); + root.innerHTML = '<div id="in-shadow">ABC</div>'; + wrapper.appendChild(host); + container.appendChild(wrapper); + getSelection().collapse(root.firstChild.firstChild, 2); + const range = getSelection().getRangeAt(0); + wrapper.remove(); + // The range should be kept in the shadow because it's referred by JS as + // a range. + assert_equals(range.startContainer, root.firstChild.firstChild, "startContainer should not be changed"); + assert_equals(range.startOffset, 2, "startOffset should not be changed"); + // It may be reasonable to just remove the range in removed shadow. + // This matches with move-selection-range-into-different-root.tentative.html + assert_equals(getSelection().rangeCount, 0, "Selection should not have the range in removed shadow"); + }, "Selection range in shadow should not be as a selection range after the host parent is removed"); + + test(() => { + const host = document.createElement("div"); + host.id = "host"; + const root = host.attachShadow({mode}); + root.innerHTML = '<div id="in-shadow">ABC</div>'; + container.appendChild(host); + getSelection().collapse(root.firstChild.firstChild, 2); + const range = getSelection().getRangeAt(0); + host.replaceWith(host); + // The range should be kept in the shadow because it's referred by JS as + // a range. + assert_equals(range.startContainer, root.firstChild.firstChild, "startContainer should not be changed"); + assert_equals(range.startOffset, 2, "startOffset should not be changed"); + // It may be reasonable to just remove the range in removed shadow. + // This matches with move-selection-range-into-different-root.tentative.html + assert_equals(getSelection().rangeCount, 0, "Selection should not have the range in removed shadow"); + host.remove(); + }, "Selection range in shadow should not be as a selection range after the host is replaced with itself (.replaceWith)"); + + test(() => { + const host = document.createElement("div"); + host.id = "host"; + const root = host.attachShadow({mode}); + root.innerHTML = '<div id="in-shadow">ABC</div>'; + container.appendChild(host); + getSelection().collapse(root.firstChild.firstChild, 2); + const range = getSelection().getRangeAt(0); + container.replaceChild(host, host); + // The range should be kept in the shadow because it's referred by JS as + // a range. + assert_equals(range.startContainer, root.firstChild.firstChild, "startContainer should not be changed"); + assert_equals(range.startOffset, 2, "startOffset should not be changed"); + // It may be reasonable to just remove the range in removed shadow. + // This matches with move-selection-range-into-different-root.tentative.html + assert_equals(getSelection().rangeCount, 0, "Selection should not have the range in removed shadow"); + host.remove(); + }, "Selection range in shadow should not be as a selection range after the host is replaced with itself (.replaceChild"); +}, {once: true}); +</script> +</head> +<body><div id="container"></div></body> +</html> |