1 files changed, 46 insertions, 0 deletions
diff --git a/devtools/client/inspector/markup/test/browser_markup_anonymous_01.js b/devtools/client/inspector/markup/test/browser_markup_anonymous_01.js
new file mode 100644
index 0000000000..4cf50de11e
--- /dev/null
+++ b/devtools/client/inspector/markup/test/browser_markup_anonymous_01.js
@@ -0,0 +1,46 @@
+/* Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Test native anonymous content in the markupview.
+const TEST_URL = URL_ROOT + "doc_markup_anonymous.html";
+
+add_task(async function () {
+  const { inspector } = await openInspectorForURL(TEST_URL);
+
+  const pseudo = await getNodeFront("#pseudo", inspector);
+
+  // Markup looks like: <div><::before /><span /><::after /></div>
+  const children = await inspector.walker.children(pseudo);
+  is(children.nodes.length, 3, "Children returned from walker");
+
+  info("Checking the ::before pseudo element");
+  const before = children.nodes[0];
+  await isEditingMenuDisabled(before, inspector);
+
+  info("Checking the normal child element");
+  const span = children.nodes[1];
+  await isEditingMenuEnabled(span, inspector);
+
+  info("Checking the ::after pseudo element");
+  const after = children.nodes[2];
+  await isEditingMenuDisabled(after, inspector);
+
+  const native = await getNodeFront("#native", inspector);
+
+  // Markup looks like: <div><input type="file"></div>
+  const nativeChildren = await inspector.walker.children(native);
+  is(nativeChildren.nodes.length, 1, "Children returned from walker");
+
+  info("Checking the input element");
+  const child = nativeChildren.nodes[0];
+  ok(!child.isAnonymous, "<input type=file> is not anonymous");
+
+  const grandchildren = await inspector.walker.children(child);
+  is(
+    grandchildren.nodes.length,
+    0,
+    "No native children returned from walker for <input type=file> by default"
+  );
+});