mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-14 15:37:55 +00:00
838f1610c8
--HG-- rename : browser/devtools/webconsole/test/browser_webconsole_bug_598357_jsterm_output.js => browser/devtools/webconsole/test/browser_webconsole_output_01.js
261 lines
12 KiB
JavaScript
261 lines
12 KiB
JavaScript
/* 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-other"),
|
|
"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;
|
|
});
|