69 lines
2.9 KiB
HTML
69 lines
2.9 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Selection range in an editing host after the host is removed</title>
|
|
<script src=/resources/testharness.js></script>
|
|
<script src=/resources/testharnessreport.js></script>
|
|
<script>
|
|
"use strict";
|
|
|
|
addEventListener("load", () => {
|
|
const container = document.querySelector("div");
|
|
test(() => {
|
|
const editingHost = document.createElement("div");
|
|
editingHost.contentEditable = true;
|
|
editingHost.innerHTML = "ABC<br>";
|
|
container.appendChild(editingHost);
|
|
editingHost.focus();
|
|
getSelection().collapse(editingHost, 0);
|
|
editingHost.remove();
|
|
assert_equals(getSelection().focusNode, container, "focusNode should be the container");
|
|
assert_equals(getSelection().focusOffset, 0, "focusOffset should be 0");
|
|
}, "Selection range in an editing host should be collapsed where the host was after it's removed");
|
|
|
|
test(() => {
|
|
const wrapper = document.createElement("div");
|
|
wrapper.id = "wrapper";
|
|
const editingHost = document.createElement("div");
|
|
editingHost.contentEditable = true;
|
|
editingHost.innerHTML = "ABC<br>";
|
|
wrapper.appendChild(editingHost);
|
|
container.appendChild(wrapper);
|
|
editingHost.focus();
|
|
getSelection().collapse(editingHost, 0);
|
|
wrapper.remove();
|
|
assert_equals(getSelection().focusNode, container, "focusNode should be the container");
|
|
assert_equals(getSelection().focusOffset, 0, "focusOffset should be 0");
|
|
}, "Selection range in an editing host should be collapsed where the host was after its parent is removed");
|
|
|
|
test(() => {
|
|
const editingHost = document.createElement("div");
|
|
editingHost.contentEditable = true;
|
|
editingHost.innerHTML = "ABC<br>";
|
|
container.appendChild(editingHost);
|
|
editingHost.focus();
|
|
getSelection().collapse(editingHost, 0);
|
|
editingHost.replaceWith(editingHost);
|
|
assert_equals(getSelection().focusNode, container, "focusNode should be the container");
|
|
assert_equals(getSelection().focusOffset, 0, "focusOffset should be 0");
|
|
editingHost.remove();
|
|
}, "Selection range in an editing host should be collapsed where the host was after it's replaced with itself (.replaceWith)");
|
|
|
|
test(() => {
|
|
const editingHost = document.createElement("div");
|
|
editingHost.contentEditable = true;
|
|
editingHost.innerHTML = "ABC<br>";
|
|
container.appendChild(editingHost);
|
|
editingHost.focus();
|
|
getSelection().collapse(editingHost, 0);
|
|
container.replaceChild(editingHost, editingHost);
|
|
assert_equals(getSelection().focusNode, container, "focusNode should be the container");
|
|
assert_equals(getSelection().focusOffset, 0, "focusOffset should be 0");
|
|
editingHost.remove();
|
|
}, "Selection range in an editing host should be collapsed where the host was after it's replaced with itself (.replaceChild)");
|
|
}, {once: true});
|
|
</script>
|
|
</head>
|
|
<body><div id="container"></div></body>
|
|
</html>
|