diff options
Diffstat (limited to 'editor/libeditor/tests/test_bug1425997.html')
| -rw-r--r-- | editor/libeditor/tests/test_bug1425997.html | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/editor/libeditor/tests/test_bug1425997.html b/editor/libeditor/tests/test_bug1425997.html new file mode 100644 index 0000000000..637d77a0ca --- /dev/null +++ b/editor/libeditor/tests/test_bug1425997.html @@ -0,0 +1,63 @@ +<!DOCTYPE html> +<!-- +https://bugzilla.mozilla.org/show_bug.cgi?id=1425997 +--> +<html> +<head> + <title>Test for Bug 1425997</title> + <script src="/tests/SimpleTest/SimpleTest.js"></script> + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> +</head> +<body> +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1425997">Mozilla Bug 1425997</a> +<p id="display"></p> +<div id="content" style="display: none;"> + +</div> + +<div id="editor" contenteditable> +<!-- --> +<span id="inline">foo</span> +</div> + +<pre id="test"> + +<script class="testbody" type="application/javascript"> +SimpleTest.waitForExplicitFinish(); +// 2 assertions are recorded due to nested execCommand() but not a problem. +// They are necessary to detect invalid method call without mutation event listers. +SimpleTest.expectAssertions(2, 2); +SimpleTest.waitForFocus(async function() { + await SpecialPowers.pushPrefEnv({set: [["dom.document.exec_command.nested_calls_allowed", true]]}); + let selection = window.getSelection(); + let editor = document.getElementById("editor"); + function onCharacterDataModified() { + // Until removing all NBSPs which were inserted by the editor, + // emulates Backspace key with "delete" command. + // When this test is created, the behavior was: + // after 1st delete: "\n<!-- --> \n" + // after 2nd delete: "\n<!-- --> " + // Then, selection is moved into the comment node and deletion won't + // work after that. + while (editor.innerHTML.includes(" ")) { + let preInnerHTML = editor.innerHTML; + if (!document.execCommand("delete", false) || preInnerHTML === editor.innerHTML) { + break; + } + info(`editor.innerHTML: "${editor.innerHTML.replace(/\n/g, "\\n")}"`); + } + } + editor.addEventListener("DOMCharacterDataModified", onCharacterDataModified, { once: true }); + editor.focus(); + selection.selectAllChildren(document.getElementById("inline")); + document.execCommand("insertHTML", false, "text"); + // This expected result is just same as the result of Chrome. + // If the spec says this is wrong, feel free to change this result. + todo_is(editor.innerHTML, "\n<!-- --><span id=\"inline\">text</span>", + "The 'foo' should be replaced with 'text' and whitespaces before the span element should be removed"); + SimpleTest.finish(); +}); +</script> +</pre> +</body> +</html> |