1 files changed, 30 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_highlighter-custom-element.js b/devtools/client/inspector/test/browser_inspector_highlighter-custom-element.js
new file mode 100644
index 0000000000..8d24505565
--- /dev/null
+++ b/devtools/client/inspector/test/browser_inspector_highlighter-custom-element.js
@@ -0,0 +1,30 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Test that the picker works correctly with XBL anonymous nodes
+
+const TEST_URL = URL_ROOT + "doc_inspector_highlighter_custom_element.xhtml";
+
+add_task(async function () {
+  const { inspector, toolbox } = await openInspectorForURL(TEST_URL);
+
+  await startPicker(toolbox);
+
+  info("Selecting the custom element");
+  await hoverElement(inspector, "#custom-element");
+
+  info("Key pressed. Waiting for element to be picked");
+  BrowserTestUtils.synthesizeKey("VK_RETURN", {}, gBrowser.selectedBrowser);
+  await Promise.all([
+    inspector.selection.once("new-node-front"),
+    inspector.once("inspector-updated"),
+  ]);
+
+  is(
+    inspector.selection.nodeFront.className,
+    "custom-element-anon",
+    "The .custom-element-anon inside the div was selected"
+  );
+});