Files
sousa-gecko/editor/libeditor/tests/test_texteditor_textnode.html
Emilio Cobos Álvarez 5624defbfd Bug 2016280 - Use shadow DOM for editor. r=masayuki,dom-core,smaug,Jamie
There's still a ton of things that can be cleaned up after this, but
this setup is nicer.

For now, editor keeps getting set-up / torn down on BindToFrame. Seems
all that could be untangled, but step by step.

The preview stuff and placeholder can just be created on demand now,
rather than requiring frame reconstruction.

Also, nsSearchControlFrame and co no longer do anything of interest, so
move the still relevant bits elsewhere and remove them.

test_bug1248459.html is removed because it messes with the editor
selection using SpecialPowers, in a way such that it crosses shadow
boundaries, and messes up the selected state triggering debug asserts.

test_focus_docnav.xhtml now triggers a different code-path because of
the shadow root (rather than the frame tree traversal). Keep it working
for now by replacing it with something that isn't a shadow root.

Differential Revision: https://phabricator.services.mozilla.com/D282953
2026-02-17 09:53:01 +00:00

53 lines
1.4 KiB
HTML

<!DOCTYPE html>
<meta charset="utf-8">
<title>Test for Bug 1713334</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css">
<input id="input">
<textarea id="textarea"></textarea>
<script>
"use strict";
function assertChild(div, content) {
const name = div.getRootNode().host.localName;
is(div.firstChild.nodeType, Node.TEXT_NODE, `<${name}>: The first node of the root element must be a text node`);
is(div.firstChild.textContent, content, `<${name}>: The content of the text node is wrong`);
}
function test(element) {
element.focus();
const { rootElement } = SpecialPowers.wrap(element).editor;
assertChild(rootElement, "");
element.value = "";
assertChild(rootElement, "");
element.value = "foo"
assertChild(rootElement, "foo");
element.value = "";
assertChild(rootElement, "");
element.value = "foo";
const selection =
SpecialPowers.wrap(element).
editor.
selectionController.getSelection(
SpecialPowers.Ci.nsISelectionController.SELECTION_NORMAL
);
selection.setBaseAndExtent(rootElement, 0, rootElement, 1);
document.execCommand("delete");
assertChild(rootElement, "");
}
SimpleTest.waitForExplicitFinish();
SimpleTest.waitForFocus(() => {
test(document.all.input);
test(document.all.textarea);
SimpleTest.finish();
});
</script>