Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- Manifest: editor/libeditor/tests/mochitest.toml
<!DOCTYPE>
<html>
<head>
<title>Test for nsIHTMLEditor.removeInlineProperty()</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css">
</head>
<body>
<div id="display">
</div>
<div id="content" contenteditable></div>
<pre id="test">
</pre>
<script class="testbody" type="application/javascript">
"use strict";
SimpleTest.waitForExplicitFinish();
SimpleTest.waitForFocus(() => {
let editor = document.getElementById("content");
let selection = window.getSelection();
let description, condition;
let beforeInputEvents = [];
let inputEvents = [];
let selectionRanges = [];
function onBeforeInput(aEvent) {
beforeInputEvents.push(aEvent);
selectionRanges = [];
for (let i = 0; i < selection.rangeCount; i++) {
let range = selection.getRangeAt(i);
selectionRanges.push({startContainer: range.startContainer, startOffset: range.startOffset,
endContainer: range.endContainer, endOffset: range.endOffset});
}
}
function onInput(aEvent) {
inputEvents.push(aEvent);
}
editor.addEventListener("beforeinput", onBeforeInput);
editor.addEventListener("input", onInput);
function checkInputEvent(aEvent, aInputType, aDescription) {
if (aEvent.type !== "input" && aEvent.type !== "beforeinput") {
return;
}
ok(aEvent instanceof InputEvent, `${aDescription}"${aEvent.type}" event should be dispatched with InputEvent interface`);
// If it were cancelable whose inputType is empty string, web apps would
// block any Firefox specific modification whose inputType are not declared
// by the spec.
let expectedCancelable = aEvent.type === "beforeinput" && aInputType !== "";
is(aEvent.cancelable, expectedCancelable,
`${aDescription}"${aEvent.type}" event should ${expectedCancelable ? "be" : "be never"} cancelable`);
is(aEvent.bubbles, true, `${aDescription}"${aEvent.type}" event should always bubble`);
is(aEvent.inputType, aInputType, `${aDescription}inputType of "${aEvent.type}" event should be ${aInputType}`);
is(aEvent.data, null, `${aDescription}data of "${aEvent.type}" event should be null`);
is(aEvent.dataTransfer, null, `${aDescription}dataTransfer of "${aEvent.type}" event should be null`);
let targetRanges = aEvent.getTargetRanges();
if (aEvent.type === "beforeinput") {
is(targetRanges.length, selectionRanges.length,
`${aDescription}getTargetRanges() of "${aEvent.type}" event should return selection ranges`);
if (targetRanges.length === selectionRanges.length) {
for (let i = 0; i < selectionRanges.length; i++) {
is(targetRanges[i].startContainer, selectionRanges[i].startContainer,
`${aDescription}startContainer of getTargetRanges()[${i}] of "beforeinput" event does not match`);
is(targetRanges[i].startOffset, selectionRanges[i].startOffset,
`${aDescription}startOffset of getTargetRanges()[${i}] of "beforeinput" event does not match`);
is(targetRanges[i].endContainer, selectionRanges[i].endContainer,
`${aDescription}endContainer of getTargetRanges()[${i}] of "beforeinput" event does not match`);
is(targetRanges[i].endOffset, selectionRanges[i].endOffset,
`${aDescription}endOffset of getTargetRanges()[${i}] of "beforeinput" event does not match`);
}
}
} else {
is(targetRanges.length, 0, `${aDescription}getTargetRanges() of "${aEvent.type}" event should return empty array`);
}
}
function selectFromTextSiblings(aNode) {
condition = "selecting the node from end of previous text to start of next text node";
selection.setBaseAndExtent(aNode.previousSibling, aNode.previousSibling.length,
aNode.nextSibling, 0);
}
function selectNode(aNode) {
condition = "selecting the node";
let range = document.createRange();
range.selectNode(aNode);
selection.removeAllRanges();
selection.addRange(range);
}
function selectAllChildren(aNode) {
condition = "selecting all children of the node";
selection.selectAllChildren(aNode);
}
function selectChildContents(aNode) {
condition = "selecting all contents of its child";
let range = document.createRange();
range.selectNodeContents(aNode.firstChild);
selection.removeAllRanges();
selection.addRange(range);
}
description = "When there is a <b> element and ";
for (let prepare of [selectFromTextSiblings, selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = "<p>test: <b>here</b> is bolden text</p>";
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("b", "");
is(editor.innerHTML, "<p>test: here is bolden text</p>",
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should remove the <b> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should cause a "beforeinput" event');
checkInputEvent(beforeInputEvents[0], "formatBold", description + condition + ': nsIHTMLEditor.removeInlineProperty("b", ""): ');
is(inputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should cause an "input" event');
checkInputEvent(inputEvents[0], "formatBold", description + condition + ': nsIHTMLEditor.removeInlineProperty("b", ""): ');
}
description = "When there is a <b> element which has style attribute and ";
for (let prepare of [selectFromTextSiblings, selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = '<p>test: <b style="font-style: italic">here</b> is bolden text</p>';
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("b", "");
is(editor.innerHTML, '<p>test: <span style="font-style: italic">here</span> is bolden text</p>',
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should replace the <b> element with <span> element to keep the style');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should cause a "beforeinput" event');
checkInputEvent(beforeInputEvents[0], "formatBold", description + condition + ': nsIHTMLEditor.removeInlineProperty("b", ""): ');
is(inputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should cause an "input" event');
checkInputEvent(inputEvents[0], "formatBold", description + condition + ': nsIHTMLEditor.removeInlineProperty("b", ""): ');
}
description = "When there is a <b> element which has class attribute and ";
for (let prepare of [selectFromTextSiblings, selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = '<p>test: <b class="foo">here</b> is bolden text</p>';
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("b", "");
is(editor.innerHTML, '<p>test: <span class="foo">here</span> is bolden text</p>',
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should replace the <b> element with <span> element to keep the class');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should cause a "beforeinput" event');
checkInputEvent(beforeInputEvents[0], "formatBold", description + condition + ': nsIHTMLEditor.removeInlineProperty("b", ""): ');
is(inputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should cause an "input" event');
checkInputEvent(inputEvents[0], "formatBold", description + condition + ': nsIHTMLEditor.removeInlineProperty("b", ""): ');
}
description = "When there is a <b> element which has an <i> element and ";
for (let prepare of [selectFromTextSiblings, selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = "<p>test: <b><i>here</i></b> is bolden and italic text</p>";
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("b", "");
is(editor.innerHTML, "<p>test: <i>here</i> is bolden and italic text</p>",
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should remove only the <b> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should cause a "beforeinput" event');
checkInputEvent(beforeInputEvents[0], "formatBold", description + condition + ': nsIHTMLEditor.removeInlineProperty("b", ""): ');
is(inputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should cause an "input" event');
checkInputEvent(inputEvents[0], "formatBold", description + condition + ': nsIHTMLEditor.removeInlineProperty("b", ""): ');
}
description = "When there is a <b> element which has an <i> element and ";
for (let prepare of [selectFromTextSiblings, selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = "<p>test: <b><i>here</i></b> is bolden and italic text</p>";
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("i", "");
is(editor.innerHTML, "<p>test: <b>here</b> is bolden and italic text</p>",
description + condition + ': nsIHTMLEditor.removeInlineProperty("i", "") should remove only the <i> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("i", "") should cause a "beforeinput" event');
checkInputEvent(beforeInputEvents[0], "formatItalic", description + condition + ': nsIHTMLEditor.removeInlineProperty("i", ""): ');
is(inputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("i", "") should cause an "input" event');
checkInputEvent(inputEvents[0], "formatItalic", description + condition + ': nsIHTMLEditor.removeInlineProperty("i", ""): ');
}
description = "When there is an <i> element in a <b> element and ";
for (let prepare of [selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = "<p>test: <b><i>here</i></b> is bolden and italic text</p>";
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling.firstChild);
getHTMLEditor().removeInlineProperty("b", "");
is(editor.innerHTML, "<p>test: <i>here</i> is bolden and italic text</p>",
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should remove only the <b> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should cause a "beforeinput" event');
checkInputEvent(beforeInputEvents[0], "formatBold", description + condition + ': nsIHTMLEditor.removeInlineProperty("b", ""): ');
is(inputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should cause an "input" event');
checkInputEvent(inputEvents[0], "formatBold", description + condition + ': nsIHTMLEditor.removeInlineProperty("b", ""): ');
}
description = "When there is an <i> element in a <b> element and ";
for (let prepare of [selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = "<p>test: <b><i>here</i></b> is bolden and italic text</p>";
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling.firstChild);
getHTMLEditor().removeInlineProperty("i", "");
is(editor.innerHTML, "<p>test: <b>here</b> is bolden and italic text</p>",
description + condition + ': nsIHTMLEditor.removeInlineProperty("i", "") should remove only the <i> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("i", "") should cause a "beforeinput" event');
checkInputEvent(beforeInputEvents[0], "formatItalic", description + condition + ': nsIHTMLEditor.removeInlineProperty("i", ""): ');
is(inputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("i", "") should cause an "input" event');
checkInputEvent(inputEvents[0], "formatItalic", description + condition + ': nsIHTMLEditor.removeInlineProperty("i", ""): ');
}
description = "When there is an <i> element between text nodes in a <b> element and ";
for (let prepare of [selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = "<p>test: <b>h<i>e</i>re</b> is bolden and italic text</p>";
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("i", "");
is(editor.innerHTML, "<p>test: <b>here</b> is bolden and italic text</p>",
description + condition + ': nsIHTMLEditor.removeInlineProperty("i", "") should remove only the <i> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("i", "") should cause a "beforeinput" event');
checkInputEvent(beforeInputEvents[0], "formatItalic", description + condition + ': nsIHTMLEditor.removeInlineProperty("i", ""): ');
is(inputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("i", "") should cause an "input" event');
checkInputEvent(inputEvents[0], "formatItalic", description + condition + ': nsIHTMLEditor.removeInlineProperty("i", ""): ');
}
description = "When there is an <i> element between text nodes in a <b> element and ";
for (let prepare of [selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = "<p>test: <b>h<i>e</i>re</b> is bolden and italic text</p>";
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("b", "");
is(editor.innerHTML, "<p>test: <b>h</b><i>e</i><b>re</b> is bolden and italic text</p>",
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should split the <b> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should cause a "beforeinput" event');
checkInputEvent(beforeInputEvents[0], "formatBold", description + condition + ': nsIHTMLEditor.removeInlineProperty("b", ""): ');
is(inputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("b", "") should cause an "input" event');
checkInputEvent(inputEvents[0], "formatBold", description + condition + ': nsIHTMLEditor.removeInlineProperty("b", ""): ');
}
description = "When there is an <a> element whose href attribute is not empty and ";
for (let prepare of [selectFromTextSiblings, selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = '<p>test: <a href="about:blank">here</a> is a link</p>';
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("href", "");
is(editor.innerHTML, "<p>test: here is a link</p>",
description + condition + ': nsIHTMLEditor.removeInlineProperty("href", "") should remove the <a> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("href", "") should cause a "beforeinput" event');
checkInputEvent(beforeInputEvents[0], "", description + condition + ': nsIHTMLEditor.removeInlineProperty("href", ""): ');
is(inputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("href", "") should cause an "input" event');
checkInputEvent(inputEvents[0], "", description + condition + ': nsIHTMLEditor.removeInlineProperty("href", ""): ');
}
// XXX In the case of "name", removeInlineProperty() does not the <a> element when name attribute is empty.
description = "When there is an <a> element whose href attribute is empty and ";
for (let prepare of [selectFromTextSiblings, selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = '<p>test: <a href="">here</a> is a link</p>';
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("href", "");
is(editor.innerHTML, "<p>test: here is a link</p>",
description + condition + ': nsIHTMLEditor.removeInlineProperty("href", "") should remove the <a> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("href", "") should cause a "beforeinput" event');
checkInputEvent(beforeInputEvents[0], "", description + condition + ': nsIHTMLEditor.removeInlineProperty("href", ""): ');
is(inputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("href", "") should cause an "input" event');
checkInputEvent(inputEvents[0], "", description + condition + ': nsIHTMLEditor.removeInlineProperty("href", ""): ');
}
description = "When there is an <a> element which does not have href attribute and ";
for (let prepare of [selectFromTextSiblings, selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = "<p>test: <a>here</a> is an anchor</p>";
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("href", "");
is(editor.innerHTML, "<p>test: <a>here</a> is an anchor</p>",
description + condition + ': nsIHTMLEditor.removeInlineProperty("href", "") should NOT remove the <a> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("href", "") should cause a "beforeinput" event even though HTMLEditor will do nothing');
checkInputEvent(beforeInputEvents[0], "", description + condition + ': nsIHTMLEditor.removeInlineProperty("href", ""): ');
is(inputEvents.length, 0,
description + condition + ': nsIHTMLEditor.removeInlineProperty("href", "") should NOT cause an "input" event');
}
description = "When there is an <a> element whose name attribute is not empty and ";
for (let prepare of [selectFromTextSiblings, selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = '<p>test: <a name="foo">here</a> is a named anchor</p>';
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("href", "");
is(editor.innerHTML, '<p>test: <a name="foo">here</a> is a named anchor</p>',
description + condition + ': nsIHTMLEditor.removeInlineProperty("href", "") should NOT remove the <a> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("href", "") should cause a "beforeinput" event even though HTMLEditor will do nothing');
checkInputEvent(beforeInputEvents[0], "", description + condition + ': nsIHTMLEditor.removeInlineProperty("href", ""): ');
is(inputEvents.length, 0,
description + condition + ': nsIHTMLEditor.removeInlineProperty("href", "") should NOT cause an "input" event');
}
description = "When there is an <a> element whose name attribute is not empty and ";
for (let prepare of [selectFromTextSiblings, selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = '<p>test: <a name="foo">here</a> is a named anchor</p>';
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("name", "");
is(editor.innerHTML, "<p>test: here is a named anchor</p>",
description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "") should remove the <a> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "") should cause a "beforeinput" event');
checkInputEvent(beforeInputEvents[0], "", description + condition + ': nsIHTMLEditor.removeInlineProperty("name", ""): ');
is(inputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "") should cause an "input" event');
checkInputEvent(inputEvents[0], "", description + condition + ': nsIHTMLEditor.removeInlineProperty("name", ""): ');
}
// XXX In the case of "href", removeInlineProperty() removes the <a> element when href attribute is empty.
description = "When there is an <a> element whose name attribute is empty and ";
for (let prepare of [selectFromTextSiblings, selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = '<p>test: <a name="">here</a> is a named anchor</p>';
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("name", "");
is(editor.innerHTML, '<p>test: <a name="">here</a> is a named anchor</p>',
description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "") should NOT remove the <a> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "") should cause a "beforeinput" event even though HTMLEditor will do nothing');
checkInputEvent(beforeInputEvents[0], "", description + condition + ': nsIHTMLEditor.removeInlineProperty("name", ""): ');
is(inputEvents.length, 0,
description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "") should NOT cause an "input" event');
}
description = "When there is an <a> element which does not have name attribute and ";
for (let prepare of [selectFromTextSiblings, selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = "<p>test: <a>here</a> is an anchor</p>";
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("name", "");
is(editor.innerHTML, "<p>test: <a>here</a> is an anchor</p>",
description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "") should NOT remove the <a> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "") should cause a "beforeinput" event even though HTMLEditor will do nothing');
checkInputEvent(beforeInputEvents[0], "", description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "")');
is(inputEvents.length, 0,
description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "") should NOT cause an "input" event');
}
description = "When there is an <a> element whose href attribute is not empty and ";
for (let prepare of [selectFromTextSiblings, selectNode, selectAllChildren, selectChildContents]) {
editor.innerHTML = '<p>test: <a href="about:blank">here</a> is a link</p>';
editor.focus();
beforeInputEvents = [];
inputEvents = [];
prepare(editor.firstChild.firstChild.nextSibling);
getHTMLEditor().removeInlineProperty("name", "");
is(editor.innerHTML, '<p>test: <a href="about:blank">here</a> is a link</p>',
description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "") should NOT remove the <a> element');
is(beforeInputEvents.length, 1,
description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "") should cause a "beforeinput" event even though HTMLEditor will do nothing');
checkInputEvent(beforeInputEvents[0], "", description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "")');
is(inputEvents.length, 0,
description + condition + ': nsIHTMLEditor.removeInlineProperty("name", "") should NOT cause an "input" event');
}
editor.removeEventListener("beforeinput", onBeforeInput);
editor.removeEventListener("input", onInput);
SimpleTest.finish();
});
function getHTMLEditor() {
var Ci = SpecialPowers.Ci;
var editingSession = SpecialPowers.wrap(window).docShell.editingSession;
return editingSession.getEditorForWindow(window).QueryInterface(Ci.nsIHTMLEditor);
}
</script>
</body>
</html>