1 files changed, 63 insertions, 0 deletions
diff --git a/devtools/client/webconsole/test/browser/browser_webconsole_object_inspector_wrapped_primitive_value.js b/devtools/client/webconsole/test/browser/browser_webconsole_object_inspector_wrapped_primitive_value.js
new file mode 100644
index 0000000000..d8919e00d4
--- /dev/null
+++ b/devtools/client/webconsole/test/browser/browser_webconsole_object_inspector_wrapped_primitive_value.js
@@ -0,0 +1,63 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Check that primitive value is shown
+
+const TEST_URI = "data:text/html;charset=utf8,<!DOCTYPE html>";
+
+add_task(async function () {
+  const hud = await openNewTabAndConsole(TEST_URI);
+
+  await SpecialPowers.spawn(gBrowser.selectedBrowser, [], function () {
+    content.wrappedJSObject.console.log(
+      "wrapped-primitive-value-test",
+      Object(123),
+      Object(false),
+      Object("")
+    );
+  });
+
+  const node = await waitFor(() =>
+    findConsoleAPIMessage(hud, "wrapped-primitive-value-test")
+  );
+
+  const objectInspectors = [...node.querySelectorAll(".tree")];
+
+  is(
+    objectInspectors.length,
+    3,
+    "There is the expected number of object inspectors"
+  );
+  const [intOi, boolOi, stringOi] = objectInspectors;
+  await expandOiAndCheckPrimitiveValue(intOi, "123");
+  await expandOiAndCheckPrimitiveValue(boolOi, "false");
+  await expandOiAndCheckPrimitiveValue(stringOi, `""`);
+});
+
+async function expandOiAndCheckPrimitiveValue(oi, expectedPrimitiveValue) {
+  info("Expanding the Object");
+  const onMapOiMutation = waitForNodeMutation(oi, {
+    childList: true,
+  });
+
+  oi.querySelector(".arrow").click();
+  await onMapOiMutation;
+
+  ok(
+    oi.querySelector(".arrow").classList.contains("expanded"),
+    "The arrow of the node has the expected class after clicking on it"
+  );
+
+  const primitiveValueNode = [...getObjectInspectorNodes(oi)].find(nodes =>
+    nodes.textContent.includes("<primitive value>")
+  );
+
+  ok(
+    primitiveValueNode.textContent.includes(
+      `<primitive value>: ${expectedPrimitiveValue}`
+    ),
+    "There is the expected <primitive value> node"
+  );
+}