Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
"use strict";
// Test editing a node's text content
const TEST_URL = URL_ROOT + "doc_markup_edit.html";
const {
DEFAULT_VALUE_SUMMARY_LENGTH,
add_task(async function () {
const { inspector } = await openInspectorForURL(TEST_URL);
info("Expanding all nodes");
await inspector.markup.expandAll();
await waitForMultipleChildrenUpdates(inspector);
await editContainer(inspector, {
selector: ".node6",
newValue: "New text",
oldValue: "line6",
});
await editContainer(inspector, {
selector: "#node17",
newValue:
"LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. " +
"DONEC POSUERE PLACERAT MAGNA ET IMPERDIET.",
oldValue:
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. " +
"Donec posuere placerat magna et imperdiet.",
});
await editContainer(inspector, {
selector: "#node17",
newValue: "New value",
oldValue:
"LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. " +
"DONEC POSUERE PLACERAT MAGNA ET IMPERDIET.",
});
await editContainer(inspector, {
selector: "#node17",
newValue:
"LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. " +
"DONEC POSUERE PLACERAT MAGNA ET IMPERDIET.",
oldValue: "New value",
});
});
async function editContainer(inspector, { selector, newValue, oldValue }) {
let nodeValue = await getFirstChildNodeValue(selector);
is(nodeValue, oldValue, "The test node's text content is correct");
info("Changing the text content");
const onMutated = inspector.once("markupmutation");
const container = await focusNode(selector, inspector);
const isOldValueInline = oldValue.length <= DEFAULT_VALUE_SUMMARY_LENGTH;
is(
!!container.inlineTextChild,
isOldValueInline,
"inlineTextChild is as expected"
);
is(
!container.canExpand,
isOldValueInline,
"canExpand property is as expected"
);
const field = container.elt.querySelector("pre");
is(
field.textContent,
oldValue,
"The text node has the correct original value after selecting"
);
setEditableFieldValue(field, newValue, inspector);
info("Listening to the markupmutation event");
await onMutated;
nodeValue = await getFirstChildNodeValue(selector);
is(nodeValue, newValue, "The test node's text content has changed");
const isNewValueInline = newValue.length <= DEFAULT_VALUE_SUMMARY_LENGTH;
is(
!!container.inlineTextChild,
isNewValueInline,
"inlineTextChild is as expected"
);
is(
!container.canExpand,
isNewValueInline,
"canExpand property is as expected"
);
if (isOldValueInline != isNewValueInline) {
is(
container.expanded,
!isNewValueInline,
"Container was automatically expanded/collapsed"
);
}
info("Selecting the <body> to reset the selection");
const bodyContainer = await getContainerForSelector("body", inspector);
inspector.markup.markNodeAsSelected(bodyContainer.node);
}