Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
"use strict";
// Test that different paste items work in the context menu
const TEST_URL = URL_ROOT + "doc_inspector_menu.html";
const PASTE_ADJACENT_HTML_DATA = [
{
desc: "As First Child",
clipboardData: "2",
menuId: "node-menu-pastefirstchild",
},
{
desc: "As Last Child",
clipboardData: "4",
menuId: "node-menu-pastelastchild",
},
{
desc: "Before",
clipboardData: "1",
menuId: "node-menu-pastebefore",
},
{
desc: "After",
clipboardData: "<span>5</span>",
menuId: "node-menu-pasteafter",
},
];
var clipboard = require("resource://devtools/shared/platform/clipboard.js");
registerCleanupFunction(() => {
clipboard = null;
});
add_task(async function () {
const { inspector } = await openInspectorForURL(TEST_URL);
await testPasteOuterHTMLMenu();
await testPasteInnerHTMLMenu();
await testPasteAdjacentHTMLMenu();
async function testPasteOuterHTMLMenu() {
info("Testing that 'Paste Outer HTML' menu item works.");
await SimpleTest.promiseClipboardChange(
"this was pasted (outerHTML)",
() => {
clipboard.copyString("this was pasted (outerHTML)");
}
);
const outerHTMLSelector = "#paste-area h1";
const nodeFront = await getNodeFront(outerHTMLSelector, inspector);
await selectNode(nodeFront, inspector);
const allMenuItems = openContextMenuAndGetAllItems(inspector, {
target: getContainerForNodeFront(nodeFront, inspector).tagLine,
});
const onNodeReselected = inspector.markup.once("reselectedonremoved");
allMenuItems.find(item => item.id === "node-menu-pasteouterhtml").click();
info("Waiting for inspector selection to update");
await onNodeReselected;
const outerHTML = await getContentPageElementProperty("body", "outerHTML");
ok(
outerHTML.includes(clipboard.getText()),
"Clipboard content was pasted into the node's outer HTML."
);
ok(
!(await hasMatchingElementInContentPage(outerHTMLSelector)),
"The original node was removed."
);
}
async function testPasteInnerHTMLMenu() {
info("Testing that 'Paste Inner HTML' menu item works.");
await SimpleTest.promiseClipboardChange(
"this was pasted (innerHTML)",
() => {
clipboard.copyString("this was pasted (innerHTML)");
}
);
const innerHTMLSelector = "#paste-area .inner";
const getInnerHTML = () =>
getContentPageElementProperty(innerHTMLSelector, "innerHTML");
const origInnerHTML = await getInnerHTML();
const nodeFront = await getNodeFront(innerHTMLSelector, inspector);
await selectNode(nodeFront, inspector);
const allMenuItems = openContextMenuAndGetAllItems(inspector, {
target: getContainerForNodeFront(nodeFront, inspector).tagLine,
});
const onMutation = inspector.once("markupmutation");
allMenuItems.find(item => item.id === "node-menu-pasteinnerhtml").click();
info("Waiting for mutation to occur");
await onMutation;
Assert.strictEqual(
await getInnerHTML(),
clipboard.getText(),
"Clipboard content was pasted into the node's inner HTML."
);
ok(
await hasMatchingElementInContentPage(innerHTMLSelector),
"The original node has been preserved."
);
await undoChange(inspector);
Assert.strictEqual(
await getInnerHTML(),
origInnerHTML,
"Previous innerHTML has been restored after undo"
);
}
async function testPasteAdjacentHTMLMenu() {
const refSelector = "#paste-area .adjacent .ref";
const adjacentNodeSelector = "#paste-area .adjacent";
const nodeFront = await getNodeFront(refSelector, inspector);
await selectNode(nodeFront, inspector);
const markupTagLine = getContainerForNodeFront(
nodeFront,
inspector
).tagLine;
for (const { clipboardData, menuId } of PASTE_ADJACENT_HTML_DATA) {
const allMenuItems = openContextMenuAndGetAllItems(inspector, {
target: markupTagLine,
});
info(`Testing ${menuId} for ${clipboardData}`);
await SimpleTest.promiseClipboardChange(clipboardData, () => {
clipboard.copyString(clipboardData);
});
const onMutation = inspector.once("markupmutation");
allMenuItems.find(item => item.id === menuId).click();
info("Waiting for mutation to occur");
await onMutation;
}
let html = await getContentPageElementProperty(
adjacentNodeSelector,
"innerHTML"
);
Assert.strictEqual(
html.trim(),
'1<span class="ref">234</span><span>5</span>',
"The Paste as Last Child / as First Child / Before / After worked as " +
"expected"
);
await undoChange(inspector);
html = await getContentPageElementProperty(
adjacentNodeSelector,
"innerHTML"
);
Assert.strictEqual(
html.trim(),
'1<span class="ref">234</span>',
"Undo works for paste adjacent HTML"
);
}
});