1 files changed, 67 insertions, 0 deletions
diff --git a/devtools/client/debugger/test/mochitest/browser_dbg-scopes-xrays.js b/devtools/client/debugger/test/mochitest/browser_dbg-scopes-xrays.js
new file mode 100644
index 0000000000..43ec77d5b3
--- /dev/null
+++ b/devtools/client/debugger/test/mochitest/browser_dbg-scopes-xrays.js
@@ -0,0 +1,67 @@
+/* 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/>. */
+
+// Test that xrays do not interfere with examining objects in the scopes pane.
+
+"use strict";
+
+add_task(async function () {
+  const dbg = await initDebugger("doc-scopes-xrays.html");
+
+  invokeInTab("start");
+  await waitForPaused(dbg, "doc-scopes-xrays.html");
+
+  await toggleNode(dbg, "set");
+  await toggleNode(dbg, "<entries>");
+  await checkObjectNode(dbg, "0", "1");
+  await toggleNode(dbg, "set");
+
+  await toggleNode(dbg, "weakset");
+  await toggleNode(dbg, "<entries>");
+  await checkObjectNode(dbg, "0", "2");
+  await toggleNode(dbg, "weakset");
+
+  await toggleNode(dbg, "map");
+  await toggleNode(dbg, "<entries>");
+  await toggleNode(dbg, "0");
+  await checkObjectNode(dbg, "<key>", "3");
+  await toggleNode(dbg, "<key>");
+  await checkObjectNode(dbg, "<value>", "4");
+  await toggleNode(dbg, "map");
+
+  await toggleNode(dbg, "weakmap");
+  await toggleNode(dbg, "<entries>");
+  await toggleNode(dbg, "0");
+  await checkObjectNode(dbg, "<key>", "5");
+  await toggleNode(dbg, "<key>");
+  await checkObjectNode(dbg, "<value>", "6");
+  await toggleNode(dbg, "weakmap");
+});
+
+function findNode(dbg, text) {
+  for (let index = 0; ; index++) {
+    const elem = findElement(dbg, "scopeNode", index);
+    if (elem?.innerText == text) {
+      return elem;
+    }
+  }
+}
+
+function toggleNode(dbg, text) {
+  return toggleObjectInspectorNode(findNode(dbg, text));
+}
+
+function findNodeValue(dbg, text) {
+  for (let index = 0; ; index++) {
+    const elem = findElement(dbg, "scopeNode", index);
+    if (elem?.innerText == text) {
+      return findElement(dbg, "scopeValue", index).innerText;
+    }
+  }
+}
+
+async function checkObjectNode(dbg, text, value) {
+  await toggleNode(dbg, text);
+  ok(findNodeValue(dbg, "a") == value, "object value");
+}