1 files changed, 53 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_infobar_02.js b/devtools/client/inspector/test/browser_inspector_infobar_02.js
new file mode 100644
index 0000000000..594629a40a
--- /dev/null
+++ b/devtools/client/inspector/test/browser_inspector_infobar_02.js
@@ -0,0 +1,53 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+// Check the text content of the highlighter info bar for namespaced elements.
+
+const XHTML = `
+  <!DOCTYPE html>
+  <html xmlns="http://www.w3.org/1999/xhtml"
+        xmlns:svg="http://www.w3.org/2000/svg">
+    <body>
+      <svg:svg width="100" height="100">
+        <svg:circle cx="0" cy="0" r="5"></svg:circle>
+      </svg:svg>
+    </body>
+  </html>
+`;
+
+const TEST_URI = "data:application/xhtml+xml;charset=utf-8," + encodeURI(XHTML);
+
+add_task(async function () {
+  const { inspector, highlighterTestFront } = await openInspectorForURL(
+    TEST_URI
+  );
+
+  const testData = [
+    {
+      selector: "svg",
+      tag: "svg:svg",
+    },
+    {
+      selector: "circle",
+      tag: "svg:circle",
+    },
+  ];
+
+  for (const currTest of testData) {
+    await testNode(currTest, inspector, highlighterTestFront);
+  }
+});
+
+async function testNode(test, inspector, highlighterTestFront) {
+  info("Testing " + test.selector);
+
+  await selectAndHighlightNode(test.selector, inspector);
+
+  const tag = await highlighterTestFront.getHighlighterNodeTextContent(
+    "box-model-infobar-tagname"
+  );
+  is(tag, test.tag, "node " + test.selector + ": tagName matches.");
+}