1 files changed, 124 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_menu-05-attribute-items.js b/devtools/client/inspector/test/browser_inspector_menu-05-attribute-items.js
new file mode 100644
index 0000000000..4e2122a24a
--- /dev/null
+++ b/devtools/client/inspector/test/browser_inspector_menu-05-attribute-items.js
@@ -0,0 +1,124 @@
+/* Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/publicdomain/zero/1.0/ */
+"use strict";
+
+// Test that attribute items work in the context menu
+
+const TEST_URL = URL_ROOT + "doc_inspector_menu.html";
+
+add_task(async function () {
+  const { inspector } = await openInspectorForURL(TEST_URL);
+  await selectNode("#attributes", inspector);
+
+  await testAddAttribute();
+  await testCopyAttributeValue();
+  await testCopyLongAttributeValue();
+  await testEditAttribute();
+  await testRemoveAttribute();
+
+  async function testAddAttribute() {
+    info("Triggering 'Add Attribute' and waiting for mutation to occur");
+    const addAttribute = getMenuItem("node-menu-add-attribute");
+    addAttribute.click();
+
+    EventUtils.sendString('class="u-hidden"');
+    const onMutation = inspector.once("markupmutation");
+    EventUtils.synthesizeKey("KEY_Enter");
+    await onMutation;
+
+    const hasAttribute = await hasMatchingElementInContentPage(
+      "#attributes.u-hidden"
+    );
+    ok(hasAttribute, "attribute was successfully added");
+  }
+
+  async function testCopyAttributeValue() {
+    info(
+      "Testing 'Copy Attribute Value' and waiting for clipboard promise to resolve"
+    );
+    const copyAttributeValue = getMenuItem("node-menu-copy-attribute");
+
+    info(
+      "Triggering 'Copy Attribute Value' and waiting for clipboard to copy the value"
+    );
+    inspector.markup.contextMenu.nodeMenuTriggerInfo = {
+      type: "attribute",
+      name: "data-edit",
+      value: "the",
+    };
+
+    await waitForClipboardPromise(() => copyAttributeValue.click(), "the");
+  }
+
+  async function testCopyLongAttributeValue() {
+    info("Testing 'Copy Attribute Value' copies very long attribute values");
+    const copyAttributeValue = getMenuItem("node-menu-copy-attribute");
+    const longAttribute =
+      "#01234567890123456789012345678901234567890123456789" +
+      "12345678901234567890123456789012345678901234567890123456789012345678901" +
+      "23456789012345678901234567890123456789012345678901234567890123456789012" +
+      "34567890123456789012345678901234567890123456789012345678901234567890123";
+
+    inspector.markup.contextMenu.nodeMenuTriggerInfo = {
+      type: "attribute",
+      name: "data-edit",
+      value: longAttribute,
+    };
+
+    await waitForClipboardPromise(
+      () => copyAttributeValue.click(),
+      longAttribute
+    );
+  }
+
+  async function testEditAttribute() {
+    info("Testing 'Edit Attribute' menu item");
+    const editAttribute = getMenuItem("node-menu-edit-attribute");
+
+    info("Triggering 'Edit Attribute' and waiting for mutation to occur");
+    inspector.markup.contextMenu.nodeMenuTriggerInfo = {
+      type: "attribute",
+      name: "data-edit",
+    };
+    editAttribute.click();
+    EventUtils.sendString("data-edit='edited'");
+    const onMutation = inspector.once("markupmutation");
+    EventUtils.synthesizeKey("KEY_Enter");
+    await onMutation;
+
+    const isAttributeChanged = await hasMatchingElementInContentPage(
+      "#attributes[data-edit='edited']"
+    );
+    ok(isAttributeChanged, "attribute was successfully edited");
+  }
+
+  async function testRemoveAttribute() {
+    info("Testing 'Remove Attribute' menu item");
+    const removeAttribute = getMenuItem("node-menu-remove-attribute");
+
+    info("Triggering 'Remove Attribute' and waiting for mutation to occur");
+    inspector.markup.contextMenu.nodeMenuTriggerInfo = {
+      type: "attribute",
+      name: "data-remove",
+    };
+    const onMutation = inspector.once("markupmutation");
+    removeAttribute.click();
+    await onMutation;
+
+    const hasAttribute = await hasMatchingElementInContentPage(
+      "#attributes[data-remove]"
+    );
+    ok(!hasAttribute, "attribute was successfully removed");
+  }
+
+  function getMenuItem(id) {
+    const allMenuItems = openContextMenuAndGetAllItems(inspector, {
+      target: getContainerForSelector("#attributes", inspector).tagLine,
+    });
+    const menuItem = allMenuItems.find(i => i.id === id);
+    ok(menuItem, "Menu item '" + id + "' found");
+    // Close the menu so synthesizing future keys won't select menu items.
+    EventUtils.synthesizeKey("KEY_Escape");
+    return menuItem;
+  }
+});