diff options
Diffstat (limited to 'editor/libeditor/tests/test_paste_no_formatting.html')
| -rw-r--r-- | editor/libeditor/tests/test_paste_no_formatting.html | 218 |
1 files changed, 218 insertions, 0 deletions
diff --git a/editor/libeditor/tests/test_paste_no_formatting.html b/editor/libeditor/tests/test_paste_no_formatting.html new file mode 100644 index 0000000000..77671666c7 --- /dev/null +++ b/editor/libeditor/tests/test_paste_no_formatting.html @@ -0,0 +1,218 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta charset="utf-8"> + <title>Test pasting formatted test into various fields</title> + <script src="/tests/SimpleTest/SimpleTest.js"></script> + <script src="/tests/SimpleTest/EventUtils.js"></script> + <link rel="stylesheet" href="/tests/SimpleTest/test.css"/> +</head> +<body> + +<input id="input"> +<textarea id="textarea"></textarea> +<div id="editable" contenteditable="true"></div> +<div id="noneditable">Text</div> + +<div id="source">Some <b>Bold</b> Text</div> +<script> + +const expectedText = "Some Bold Text"; +const expectedHTML = "<div id=\"source\">Some <b>Bold</b> Text</div>"; + +const htmlPrefix = navigator.platform.includes("Win") + ? "<html><body>\n<!--StartFragment-->" + : ""; +const htmlPostfix = navigator.platform.includes("Win") + ? "<!--EndFragment-->\n</body>\n</html>" + : ""; + +add_task(async function test_paste_formatted() { + window.getSelection().selectAllChildren(document.getElementById("source")); + synthesizeKey("c", { accelKey: true }); + + const isHeadless = await SpecialPowers.spawnChrome([], () => { + return Cc["@mozilla.org/gfx/info;1"].getService(Ci.nsIGfxInfo).isHeadless; + }); + + function doKey(element, withShiftKey) + { + let inputEventPromise = new Promise(resolve => { + element.addEventListener("input", event => { + is(event.inputType, "insertFromPaste", "correct inputType"); + resolve(); + }, { once: true }); + }); + synthesizeKey("v", { accelKey: true, shiftKey: withShiftKey }); + return inputEventPromise; + } + + function cancelEvent(event) { + event.preventDefault(); + } + + // Paste into input and textarea + for (let fieldid of ["input", "textarea"]) { + const field = document.getElementById(fieldid); + field.focus(); + + field.addEventListener("paste", cancelEvent); + doKey(field, false); + is( + field.value, + "", + `Nothing should be pasted into <${field.tagName.toLowerCase()}> when paste event is canceled (shift key is not pressed)` + ); + + doKey(field, true); + is( + field.value, + "", + `Nothing should be pasted into <${field.tagName.toLowerCase()}> when paste event is canceled (shift key is pressed)` + ); + field.removeEventListener("paste", cancelEvent); + + doKey(field, false); + is(field.value, expectedText, "paste into " + fieldid); + + doKey(field, true); + is(field.value, expectedText + expectedText, "paste unformatted into " + field); + } + + const selection = window.getSelection(); + + const editable = document.getElementById("editable"); + const innerHTMLBeforeTest = editable.innerHTML; + + (function test_pasteWithFormatIntoEditableArea() { + selection.selectAllChildren(editable); + selection.collapseToStart(); + editable.addEventListener("paste", cancelEvent); + doKey(editable, false); + is( + editable.innerHTML, + "", + "test_pasteWithFormatIntoEditableArea: Nothing should be pasted when paste event is canceled" + ); + editable.removeEventListener("paste", cancelEvent); + + doKey(editable, false); + is( + editable.innerHTML, + isHeadless ? expectedText : expectedHTML, + "test_pasteWithFormatIntoEditableArea: Pasting with format should work as expected" + ); + editable.innerHTML = innerHTMLBeforeTest; + }()); + + (function test_pasteWithoutFormatIntoEditableArea() { + selection.selectAllChildren(editable); + selection.collapseToEnd(); + doKey(editable, true); + is( + editable.innerHTML, + expectedText, + "test_pasteWithoutFormatIntoEditableArea: Pasting without format should work as expected", + ); + editable.innerHTML = innerHTMLBeforeTest; + })(); + + (function test_pasteWithFormatIntoEditableAreaWhenHTMLEditorIsInReadonlyMode() { + getEditor().flags |= SpecialPowers.Ci.nsIEditor.eEditorReadonlyMask; + selection.selectAllChildren(editable); + selection.collapseToStart(); + let beforeInputEvents = []; + function onBeforeInput(aEvent) { + beforeInputEvents.push(aEvent); + } + editable.addEventListener("beforeinput", onBeforeInput); + doKey(editable, false); + const description = "test_pasteWithFormatIntoEditableAreaWhenHTMLEditorIsInReadonlyMode"; + is( + editable.innerHTML, + innerHTMLBeforeTest, + `${description}: Pasting with format should not work` + ); + is( + beforeInputEvents.length, + 0, + `${description}: Pasting with format should not cause "beforeinput", but fired "${ + beforeInputEvents[0]?.inputType + }"` + ); + editable.removeEventListener("beforeinput", onBeforeInput); + editable.innerHTML = innerHTMLBeforeTest; + getEditor().flags &= ~SpecialPowers.Ci.nsIEditor.eEditorReadonlyMask; + })(); + + (function test_pasteWithoutFormatIntoEditableAreaWhenHTMLEditorIsInReadonlyMode() { + getEditor().flags |= SpecialPowers.Ci.nsIEditor.eEditorReadonlyMask; + selection.selectAllChildren(editable); + selection.collapseToStart(); + let beforeInputEvents = []; + function onBeforeInput(aEvent) { + beforeInputEvents.push(aEvent); + } + editable.addEventListener("beforeinput", onBeforeInput); + doKey(editable, false); + const description = "test_pasteWithoutFormatIntoEditableAreaWhenHTMLEditorIsInReadonlyMode"; + is( + editable.innerHTML, + innerHTMLBeforeTest, + `${description}: Pasting with format should not work` + ); + is( + beforeInputEvents.length, + 0, + `${description}: Pasting with format should not cause "beforeinput", but fired "${ + beforeInputEvents[0]?.inputType + }"` + ); + editable.removeEventListener("beforeinput", onBeforeInput); + editable.innerHTML = innerHTMLBeforeTest; + getEditor().flags &= ~SpecialPowers.Ci.nsIEditor.eEditorReadonlyMask; + })(); + + let noneditable = document.getElementById("noneditable"); + selection.selectAllChildren(noneditable); + selection.collapseToStart(); + + function getPasteResult() { + return new Promise(resolve => { + noneditable.addEventListener("paste", event => { + resolve({ + text: event.clipboardData.getData("text/plain"), + html: event.clipboardData.getData("text/html"), + }); + }, { once: true}); + }); + } + + // Normal paste into non-editable area + let pastePromise = getPasteResult(); + doKey(noneditable, false); + is(noneditable.innerHTML, "Text", "paste into non-editable"); + + let result = await pastePromise; + is(result.text, expectedText, "paste text into non-editable"); + is(result.html, + isHeadless ? "" : htmlPrefix + expectedHTML + htmlPostfix, + "paste html into non-editable"); + + // Unformatted paste into non-editable area + pastePromise = getPasteResult(); + doKey(noneditable, true); + is(noneditable.innerHTML, "Text", "paste unformatted into non-editable"); + + result = await pastePromise; + is(result.text, expectedText, "paste unformatted text into non-editable"); + // Formatted HTML text should not exist when pasting unformatted. + is(result.html, "", "paste unformatted html into non-editable"); +}); + +function getEditor() { + const editingSession = SpecialPowers.wrap(window).docShell.editingSession; + return editingSession.getEditorForWindow(window); +} +</script> +</body> |