| Quellcodebibliothek Statistik Leitseite products/Sources/formale Sprachen/C/Firefox/editor/libeditor/tests/ (Firefox Browser Version 153.0.1©) Datei vom 27.6.2026 mit Größe 6 kB |
|
Quelle test_bug1315065.htmlSprache: HTML |
|||||||||||||||||
<!DOCTYPE HTML> <html> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1315065 --> <head> <meta charset="utf-8"> <title>Test for Bug 1315065</title> <script src="/tests/SimpleTest/SimpleTest.js"></script> <script src="/tests/SimpleTest/EventUtils.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=1315065">Mozil <div contenteditable><p>abc<br></p></div> <script type="application/javascript"> /** Test for Bug 1315065 */ SimpleTest.waitForExplicitFinish(); SimpleTest.waitForFocus(() => { const editor = document.getElementsByTagName("div")[0]; function initForBackspace(aSelectionCollapsedTo /* = 0 ~ 3 */) { editor.innerHTML = "<p id='p'>abc<br></p>"; const p = document.getElementById("p"); // FYI: We cannot inserting empty text nodes as expected with // Node.appendChild() nor Node.insertBefore(). Therefore, let's use // Range.insertNode() like actual web apps. const selection = window.getSelection(); selection.collapse(p, 1); const range = selection.getRangeAt(0); const emptyTextNode3 = document.createTextNode(""); range.insertNode(emptyTextNode3); const emptyTextNode2 = document.createTextNode(""); range.insertNode(emptyTextNode2); const emptyTextNode1 = document.createTextNode(""); range.insertNode(emptyTextNode1); is(p.childNodes.length, 5, "Failed to initialize the editor"); is(p.childNodes.item(1), emptyTextNode1, "1st text node should be emptyTextNode1"); is(p.childNodes.item(2), emptyTextNode2, "2nd text node should be emptyTextNode2"); is(p.childNodes.item(3), emptyTextNode3, "3rd text node should be emptyTextNode3"); switch (aSelectionCollapsedTo) { case 0: selection.collapse(p.firstChild, 3); // next to 'c' break; case 1: selection.collapse(emptyTextNode1, 0); break; case 2: selection.collapse(emptyTextNode2, 0); break; case 3: selection.collapse(emptyTextNode3, 0); break; default: ok(false, "aSelectionCollapsedTo is illegal value"); } } for (let i = 0; i < 4; i++) { const kDescription = i == 0 ? "Backspace from immediately after the last character" : "Backspace from " + i + "th empty text node"; editor.focus(); initForBackspace(i); synthesizeKey("KEY_Backspace"); const p = document.getElementById("p"); ok(p, kDescription + ": <p> element shouldn't be removed by Backspace key press"); is(p.tagName.toLowerCase(), "p", kDescription + ": <p> element shouldn't be removed by Backsp // When Backspace key is pressed even in empty text nodes, Gecko should not remove empty text nod // because we should keep our traditional behavior (same as Edge) for backward compatibility a // In this case, Chromium removes all empty text nodes, but Edge doesn't remove any empty text no // XXX It's fine to delete empty text nodes too if it's reasonable for handling deletion. is(p.childNodes.length, 4, kDescription + ": <p> should have 4 children after pressing Backspa is(p.childNodes.item(0).textContent, "ab", kDescription + ": 'c' should be removed by pres is(p.childNodes.item(1).textContent, "", kDescription + ": 1st empty text node should not b is(p.childNodes.item(2).textContent, "", kDescription + ": 2nd empty text node should not b is(p.childNodes.item(3).textContent, "", kDescription + ": 3rd empty text node should not b editor.blur(); } function initForDelete(aSelectionCollapsedTo /* = 0 ~ 3 */) { editor.innerHTML = "<p id='p'>abc<br></p>"; const p = document.getElementById("p"); // FYI: We cannot inserting empty text nodes as expected with // Node.appendChild() nor Node.insertBefore(). Therefore, let's use // Range.insertNode() like actual web apps. const selection = window.getSelection(); selection.collapse(p, 0); const range = selection.getRangeAt(0); const emptyTextNode1 = document.createTextNode(""); range.insertNode(emptyTextNode1); const emptyTextNode2 = document.createTextNode(""); range.insertNode(emptyTextNode2); const emptyTextNode3 = document.createTextNode(""); range.insertNode(emptyTextNode3); is(p.childNodes.length, 5, "Failed to initialize the editor"); is(p.childNodes.item(0), emptyTextNode3, "1st text node should be emptyTextNode3"); is(p.childNodes.item(1), emptyTextNode2, "2nd text node should be emptyTextNode2"); is(p.childNodes.item(2), emptyTextNode1, "3rd text node should be emptyTextNode1"); switch (aSelectionCollapsedTo) { case 0: selection.collapse(p.childNodes.item(3), 0); // next to 'a' break; case 1: selection.collapse(emptyTextNode1, 0); break; case 2: selection.collapse(emptyTextNode2, 0); break; case 3: selection.collapse(emptyTextNode3, 0); break; default: ok(false, "aSelectionCollapsedTo is illegal value"); } } for (let i = 0; i < 4; i++) { const kDescription = i == 0 ? "Delete from immediately before the first character" : "Delete from " + i + "th empty text node"; editor.focus(); initForDelete(i); synthesizeKey("KEY_Delete"); const p = document.getElementById("p"); ok(p, kDescription + ": <p> element shouldn't be removed by Delete key press"); is(p.tagName.toLowerCase(), "p", kDescription + ": <p> element shouldn't be removed by Delete // If Delete key is pressed in an empty text node, it's fine to delete all // empty text nodes, but the non-empty text node should be modified. is( p.childNodes.length, 2, `${kDescription}: <p> should have at least one text node after pressing Delete key` ); is( p.textContent, "bc", `${kDescription}: empty text nodes and 'a' should be removed by pressing Delete key` ); editor.blur(); } SimpleTest.finish(); }); </script> </body> </html>
¤ Dauer der Verarbeitung: 0.11 Sekunden (vorverarbeitet am 2026-08-25) ¤*© Formatika GbR, Deutschland |
|
||||||||||||||||
2026-08-25