1 files changed, 170 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_menu-03-paste-items.js b/devtools/client/inspector/test/browser_inspector_menu-03-paste-items.js
new file mode 100644
index 0000000000..ae59a1c532
--- /dev/null
+++ b/devtools/client/inspector/test/browser_inspector_menu-03-paste-items.js
@@ -0,0 +1,170 @@
+/* Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/publicdomain/zero/1.0/ */
+"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"
+    );
+  }
+});