1 files changed, 157 insertions, 0 deletions
diff --git a/devtools/client/debugger/test/mochitest/browser_dbg_variables-view-03.js b/devtools/client/debugger/test/mochitest/browser_dbg_variables-view-03.js
new file mode 100644
index 000000000..64e4d45a2
--- /dev/null
+++ b/devtools/client/debugger/test/mochitest/browser_dbg_variables-view-03.js
@@ -0,0 +1,157 @@
+/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
+/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/publicdomain/zero/1.0/ */
+
+/**
+ * Tests that recursively creating properties in the variables view works
+ * as expected.
+ */
+
+const TAB_URL = EXAMPLE_URL + "doc_recursion-stack.html";
+
+function test() {
+  let options = {
+    source: TAB_URL,
+    line: 1
+  };
+  initDebugger(TAB_URL, options).then(([aTab,, aPanel]) => {
+    let variables = aPanel.panelWin.DebuggerView.Variables;
+    let testScope = variables.addScope("test");
+
+    is(testScope.target.querySelectorAll(".variables-view-element-details.enum").length, 1,
+      "One enumerable container should be present in the scope.");
+    is(testScope.target.querySelectorAll(".variables-view-element-details.nonenum").length, 1,
+      "One non-enumerable container should be present in the scope.");
+    is(testScope.target.querySelector(".variables-view-element-details.enum").childNodes.length, 0,
+      "No enumerable variables should be present in the scope.");
+    is(testScope.target.querySelector(".variables-view-element-details.nonenum").childNodes.length, 0,
+      "No non-enumerable variables should be present in the scope.");
+
+    testScope.addItem("something", {
+      value: {
+        type: "object",
+        class: "Object"
+      },
+      enumerable: true
+    });
+
+    is(testScope.target.querySelectorAll(".variables-view-element-details.enum").length, 2,
+      "Two enumerable containers should be present in the tree.");
+    is(testScope.target.querySelectorAll(".variables-view-element-details.nonenum").length, 2,
+      "Two non-enumerable containers should be present in the tree.");
+
+    is(testScope.target.querySelector(".variables-view-element-details.enum").childNodes.length, 1,
+      "A new enumerable variable should have been added in the scope.");
+    is(testScope.target.querySelector(".variables-view-element-details.nonenum").childNodes.length, 0,
+      "No new non-enumerable variables should have been added in the scope.");
+
+    let testVar = testScope.get("something");
+    ok(testVar,
+      "The added variable should be accessible from the scope.");
+
+    is(testVar.target.querySelectorAll(".variables-view-element-details.enum").length, 1,
+      "One enumerable container should be present in the variable.");
+    is(testVar.target.querySelectorAll(".variables-view-element-details.nonenum").length, 1,
+      "One non-enumerable container should be present in the variable.");
+    is(testVar.target.querySelector(".variables-view-element-details.enum").childNodes.length, 0,
+      "No enumerable properties should be present in the variable.");
+    is(testVar.target.querySelector(".variables-view-element-details.nonenum").childNodes.length, 0,
+      "No non-enumerable properties should be present in the variable.");
+
+    testVar.addItem("child", {
+      value: {
+        type: "object",
+        class: "Object"
+      },
+      enumerable: true
+    });
+
+    is(testScope.target.querySelectorAll(".variables-view-element-details.enum").length, 3,
+      "Three enumerable containers should be present in the tree.");
+    is(testScope.target.querySelectorAll(".variables-view-element-details.nonenum").length, 3,
+      "Three non-enumerable containers should be present in the tree.");
+
+    is(testVar.target.querySelector(".variables-view-element-details.enum").childNodes.length, 1,
+      "A new enumerable property should have been added in the variable.");
+    is(testVar.target.querySelector(".variables-view-element-details.nonenum").childNodes.length, 0,
+      "No new non-enumerable properties should have been added in the variable.");
+
+    let testChild = testVar.get("child");
+    ok(testChild,
+      "The added property should be accessible from the variable.");
+
+    is(testChild.target.querySelectorAll(".variables-view-element-details.enum").length, 1,
+      "One enumerable container should be present in the property.");
+    is(testChild.target.querySelectorAll(".variables-view-element-details.nonenum").length, 1,
+      "One non-enumerable container should be present in the property.");
+    is(testChild.target.querySelector(".variables-view-element-details.enum").childNodes.length, 0,
+      "No enumerable sub-properties should be present in the property.");
+    is(testChild.target.querySelector(".variables-view-element-details.nonenum").childNodes.length, 0,
+      "No non-enumerable sub-properties should be present in the property.");
+
+    testChild.addItem("grandChild", {
+      value: {
+        type: "object",
+        class: "Object"
+      },
+      enumerable: true
+    });
+
+    is(testScope.target.querySelectorAll(".variables-view-element-details.enum").length, 4,
+      "Four enumerable containers should be present in the tree.");
+    is(testScope.target.querySelectorAll(".variables-view-element-details.nonenum").length, 4,
+      "Four non-enumerable containers should be present in the tree.");
+
+    is(testChild.target.querySelector(".variables-view-element-details.enum").childNodes.length, 1,
+      "A new enumerable sub-property should have been added in the property.");
+    is(testChild.target.querySelector(".variables-view-element-details.nonenum").childNodes.length, 0,
+      "No new non-enumerable sub-properties should have been added in the property.");
+
+    let testGrandChild = testChild.get("grandChild");
+    ok(testGrandChild,
+      "The added sub-property should be accessible from the property.");
+
+    is(testGrandChild.target.querySelectorAll(".variables-view-element-details.enum").length, 1,
+      "One enumerable container should be present in the property.");
+    is(testGrandChild.target.querySelectorAll(".variables-view-element-details.nonenum").length, 1,
+      "One non-enumerable container should be present in the property.");
+    is(testGrandChild.target.querySelector(".variables-view-element-details.enum").childNodes.length, 0,
+      "No enumerable sub-properties should be present in the property.");
+    is(testGrandChild.target.querySelector(".variables-view-element-details.nonenum").childNodes.length, 0,
+      "No non-enumerable sub-properties should be present in the property.");
+
+    testGrandChild.addItem("granderChild", {
+      value: {
+        type: "object",
+        class: "Object"
+      },
+      enumerable: true
+    });
+
+    is(testScope.target.querySelectorAll(".variables-view-element-details.enum").length, 5,
+      "Five enumerable containers should be present in the tree.");
+    is(testScope.target.querySelectorAll(".variables-view-element-details.nonenum").length, 5,
+      "Five non-enumerable containers should be present in the tree.");
+
+    is(testGrandChild.target.querySelector(".variables-view-element-details.enum").childNodes.length, 1,
+      "A new enumerable variable should have been added in the variable.");
+    is(testGrandChild.target.querySelector(".variables-view-element-details.nonenum").childNodes.length, 0,
+      "No new non-enumerable variables should have been added in the variable.");
+
+    let testGranderChild = testGrandChild.get("granderChild");
+    ok(testGranderChild,
+      "The added sub-property should be accessible from the property.");
+
+    is(testGranderChild.target.querySelectorAll(".variables-view-element-details.enum").length, 1,
+      "One enumerable container should be present in the property.");
+    is(testGranderChild.target.querySelectorAll(".variables-view-element-details.nonenum").length, 1,
+      "One non-enumerable container should be present in the property.");
+    is(testGranderChild.target.querySelector(".variables-view-element-details.enum").childNodes.length, 0,
+      "No enumerable sub-properties should be present in the property.");
+    is(testGranderChild.target.querySelector(".variables-view-element-details.nonenum").childNodes.length, 0,
+      "No non-enumerable sub-properties should be present in the property.");
+
+    closeDebuggerAndFinish(aPanel);
+  });
+}