diff -r 000000000000 -r 6474c204b198 browser/devtools/debugger/test/browser_dbg_variables-view-frame-parameters-01.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/browser/devtools/debugger/test/browser_dbg_variables-view-frame-parameters-01.js	Wed Dec 31 06:09:35 2014 +0100
@@ -0,0 +1,260 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+/**
+ * Make sure that the variables view correctly displays the properties
+ * of objects when debugger is paused.
+ */
+
+const TAB_URL = EXAMPLE_URL + "doc_frame-parameters.html";
+
+let gTab, gDebuggee, gPanel, gDebugger;
+let gVariables;
+
+function test() {
+  // Debug test slaves are a bit slow at this test.
+  requestLongerTimeout(2);
+
+  initDebugger(TAB_URL).then(([aTab, aDebuggee, aPanel]) => {
+    gTab = aTab;
+    gDebuggee = aDebuggee;
+    gPanel = aPanel;
+    gDebugger = gPanel.panelWin;
+    gVariables = gDebugger.DebuggerView.Variables;
+
+    waitForSourceAndCaretAndScopes(gPanel, ".html", 24)
+      .then(initialChecks)
+      .then(testExpandVariables)
+      .then(() => resumeDebuggerThenCloseAndFinish(gPanel))
+      .then(null, aError => {
+        ok(false, "Got an error: " + aError.message + "\n" + aError.stack);
+      });
+
+    EventUtils.sendMouseEvent({ type: "click" },
+      gDebuggee.document.querySelector("button"),
+      gDebuggee);
+  });
+}
+
+function initialChecks() {
+  let scopeNodes = gDebugger.document.querySelectorAll(".variables-view-scope");
+  is(scopeNodes.length, 2,
+    "There should be 2 scopes available.");
+
+  ok(scopeNodes[0].querySelector(".name").getAttribute("value").contains("[test]"),
+    "The local scope should be properly identified.");
+  ok(scopeNodes[1].querySelector(".name").getAttribute("value").contains("[Window]"),
+    "The global scope should be properly identified.");
+
+  is(gVariables.getScopeAtIndex(0).target, scopeNodes[0],
+    "getScopeAtIndex(0) didn't return the expected scope.");
+  is(gVariables.getScopeAtIndex(1).target, scopeNodes[1],
+    "getScopeAtIndex(1) didn't return the expected scope.");
+
+  is(gVariables.getItemForNode(scopeNodes[0]).target, scopeNodes[0],
+    "getItemForNode([0]) didn't return the expected scope.");
+  is(gVariables.getItemForNode(scopeNodes[1]).target, scopeNodes[1],
+    "getItemForNode([1]) didn't return the expected scope.");
+
+  is(gVariables.getItemForNode(scopeNodes[0]).expanded, true,
+    "The local scope should be expanded by default.");
+  is(gVariables.getItemForNode(scopeNodes[1]).expanded, false,
+    "The global scope should not be collapsed by default.");
+}
+
+function testExpandVariables() {
+  let deferred = promise.defer();
+
+  let localScope = gVariables.getScopeAtIndex(0);
+  let localEnums = localScope.target.querySelector(".variables-view-element-details.enum").childNodes;
+
+  let thisVar = gVariables.getItemForNode(localEnums[0]);
+  let argsVar = gVariables.getItemForNode(localEnums[8]);
+  let cVar = gVariables.getItemForNode(localEnums[10]);
+
+  is(thisVar.target.querySelector(".name").getAttribute("value"), "this",
+    "Should have the right property name for 'this'.");
+  is(argsVar.target.querySelector(".name").getAttribute("value"), "arguments",
+    "Should have the right property name for 'arguments'.");
+  is(cVar.target.querySelector(".name").getAttribute("value"), "c",
+    "Should have the right property name for 'c'.");
+
+  is(thisVar.expanded, false,
+    "The thisVar should not be expanded at this point.");
+  is(argsVar.expanded, false,
+    "The argsVar should not be expanded at this point.");
+  is(cVar.expanded, false,
+    "The cVar should not be expanded at this point.");
+
+  waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_PROPERTIES, 3).then(() => {
+    is(thisVar.get("window").target.querySelector(".name").getAttribute("value"), "window",
+      "Should have the right property name for 'window'.");
+    is(thisVar.get("window").target.querySelector(".value").getAttribute("value"),
+      "Window \u2192 doc_frame-parameters.html",
+      "Should have the right property value for 'window'.");
+    ok(thisVar.get("window").target.querySelector(".value").className.contains("token-other"),
+      "Should have the right token class for 'window'.");
+
+    is(thisVar.get("document").target.querySelector(".name").getAttribute("value"), "document",
+      "Should have the right property name for 'document'.");
+    is(thisVar.get("document").target.querySelector(".value").getAttribute("value"),
+      "HTMLDocument \u2192 doc_frame-parameters.html",
+      "Should have the right property value for 'document'.");
+    ok(thisVar.get("document").target.querySelector(".value").className.contains("token-domnode"),
+      "Should have the right token class for 'document'.");
+
+    let argsProps = argsVar.target.querySelectorAll(".variables-view-property");
+    is(argsProps.length, 8,
+      "The 'arguments' variable should contain 5 enumerable and 3 non-enumerable properties");
+
+    is(argsProps[0].querySelector(".name").getAttribute("value"), "0",
+      "Should have the right property name for '0'.");
+    is(argsProps[0].querySelector(".value").getAttribute("value"), "Object",
+      "Should have the right property value for '0'.");
+    ok(argsProps[0].querySelector(".value").className.contains("token-other"),
+      "Should have the right token class for '0'.");
+
+    is(argsProps[1].querySelector(".name").getAttribute("value"), "1",
+      "Should have the right property name for '1'.");
+    is(argsProps[1].querySelector(".value").getAttribute("value"), "\"beta\"",
+      "Should have the right property value for '1'.");
+    ok(argsProps[1].querySelector(".value").className.contains("token-string"),
+      "Should have the right token class for '1'.");
+
+    is(argsProps[2].querySelector(".name").getAttribute("value"), "2",
+      "Should have the right property name for '2'.");
+    is(argsProps[2].querySelector(".value").getAttribute("value"), "3",
+      "Should have the right property name for '2'.");
+    ok(argsProps[2].querySelector(".value").className.contains("token-number"),
+      "Should have the right token class for '2'.");
+
+    is(argsProps[3].querySelector(".name").getAttribute("value"), "3",
+      "Should have the right property name for '3'.");
+    is(argsProps[3].querySelector(".value").getAttribute("value"), "false",
+      "Should have the right property value for '3'.");
+    ok(argsProps[3].querySelector(".value").className.contains("token-boolean"),
+      "Should have the right token class for '3'.");
+
+    is(argsProps[4].querySelector(".name").getAttribute("value"), "4",
+      "Should have the right property name for '4'.");
+    is(argsProps[4].querySelector(".value").getAttribute("value"), "null",
+      "Should have the right property name for '4'.");
+    ok(argsProps[4].querySelector(".value").className.contains("token-null"),
+      "Should have the right token class for '4'.");
+
+    is(gVariables.getItemForNode(argsProps[0]).target,
+       argsVar.target.querySelectorAll(".variables-view-property")[0],
+      "getItemForNode([0]) didn't return the expected property.");
+
+    is(gVariables.getItemForNode(argsProps[1]).target,
+       argsVar.target.querySelectorAll(".variables-view-property")[1],
+      "getItemForNode([1]) didn't return the expected property.");
+
+    is(gVariables.getItemForNode(argsProps[2]).target,
+       argsVar.target.querySelectorAll(".variables-view-property")[2],
+      "getItemForNode([2]) didn't return the expected property.");
+
+    is(argsVar.find(argsProps[0]).target,
+       argsVar.target.querySelectorAll(".variables-view-property")[0],
+      "find([0]) didn't return the expected property.");
+
+    is(argsVar.find(argsProps[1]).target,
+       argsVar.target.querySelectorAll(".variables-view-property")[1],
+      "find([1]) didn't return the expected property.");
+
+    is(argsVar.find(argsProps[2]).target,
+       argsVar.target.querySelectorAll(".variables-view-property")[2],
+      "find([2]) didn't return the expected property.");
+
+    let cProps = cVar.target.querySelectorAll(".variables-view-property");
+    is(cProps.length, 7,
+      "The 'c' variable should contain 6 enumerable and 1 non-enumerable properties");
+
+    is(cProps[0].querySelector(".name").getAttribute("value"), "a",
+      "Should have the right property name for 'a'.");
+    is(cProps[0].querySelector(".value").getAttribute("value"), "1",
+      "Should have the right property value for 'a'.");
+    ok(cProps[0].querySelector(".value").className.contains("token-number"),
+      "Should have the right token class for 'a'.");
+
+    is(cProps[1].querySelector(".name").getAttribute("value"), "b",
+      "Should have the right property name for 'b'.");
+    is(cProps[1].querySelector(".value").getAttribute("value"), "\"beta\"",
+      "Should have the right property value for 'b'.");
+    ok(cProps[1].querySelector(".value").className.contains("token-string"),
+      "Should have the right token class for 'b'.");
+
+    is(cProps[2].querySelector(".name").getAttribute("value"), "c",
+      "Should have the right property name for 'c'.");
+    is(cProps[2].querySelector(".value").getAttribute("value"), "3",
+      "Should have the right property value for 'c'.");
+    ok(cProps[2].querySelector(".value").className.contains("token-number"),
+      "Should have the right token class for 'c'.");
+
+    is(cProps[3].querySelector(".name").getAttribute("value"), "d",
+      "Should have the right property name for 'd'.");
+    is(cProps[3].querySelector(".value").getAttribute("value"), "false",
+      "Should have the right property value for 'd'.");
+    ok(cProps[3].querySelector(".value").className.contains("token-boolean"),
+      "Should have the right token class for 'd'.");
+
+    is(cProps[4].querySelector(".name").getAttribute("value"), "e",
+      "Should have the right property name for 'e'.");
+    is(cProps[4].querySelector(".value").getAttribute("value"), "null",
+      "Should have the right property value for 'e'.");
+    ok(cProps[4].querySelector(".value").className.contains("token-null"),
+      "Should have the right token class for 'e'.");
+
+    is(cProps[5].querySelector(".name").getAttribute("value"), "f",
+      "Should have the right property name for 'f'.");
+    is(cProps[5].querySelector(".value").getAttribute("value"), "undefined",
+      "Should have the right property value for 'f'.");
+    ok(cProps[5].querySelector(".value").className.contains("token-undefined"),
+      "Should have the right token class for 'f'.");
+
+    is(gVariables.getItemForNode(cProps[0]).target,
+       cVar.target.querySelectorAll(".variables-view-property")[0],
+      "getItemForNode([0]) didn't return the expected property.");
+
+    is(gVariables.getItemForNode(cProps[1]).target,
+       cVar.target.querySelectorAll(".variables-view-property")[1],
+      "getItemForNode([1]) didn't return the expected property.");
+
+    is(gVariables.getItemForNode(cProps[2]).target,
+       cVar.target.querySelectorAll(".variables-view-property")[2],
+      "getItemForNode([2]) didn't return the expected property.");
+
+    is(cVar.find(cProps[0]).target,
+       cVar.target.querySelectorAll(".variables-view-property")[0],
+      "find([0]) didn't return the expected property.");
+
+    is(cVar.find(cProps[1]).target,
+       cVar.target.querySelectorAll(".variables-view-property")[1],
+      "find([1]) didn't return the expected property.");
+
+    is(cVar.find(cProps[2]).target,
+       cVar.target.querySelectorAll(".variables-view-property")[2],
+      "find([2]) didn't return the expected property.");
+  });
+
+  // Expand the 'this', 'arguments' and 'c' variables view nodes. This causes
+  // their properties to be retrieved and displayed.
+  thisVar.expand();
+  argsVar.expand();
+  cVar.expand();
+
+  is(thisVar.expanded, true,
+    "The thisVar should be immediately marked as expanded.");
+  is(argsVar.expanded, true,
+    "The argsVar should be immediately marked as expanded.");
+  is(cVar.expanded, true,
+    "The cVar should be immediately marked as expanded.");
+}
+
+registerCleanupFunction(function() {
+  gTab = null;
+  gDebuggee = null;
+  gPanel = null;
+  gDebugger = null;
+  gVariables = null;
+});