Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: asan
- Manifest: devtools/client/webconsole/test/browser/_webconsole.toml
/* Any copyright is dedicated to the Public Domain.
"use strict";
// Check console.dir() calls.
const TEST_URI =
"data:text/html;charset=utf8,<!DOCTYPE html><h1>test console.dir</h1>";
add_task(async function () {
const hud = await openNewTabAndConsole(TEST_URI);
logAllStoreChanges(hud);
info("console.dir on an array");
await SpecialPowers.spawn(gBrowser.selectedBrowser, [], function () {
content.wrappedJSObject.console.dir([1, 2, { a: "a", b: "b" }]);
});
let dirMessageNode = await waitFor(() =>
findConsoleDir(hud.ui.outputNode, 0)
);
let objectInspectors = [...dirMessageNode.querySelectorAll(".tree")];
is(
objectInspectors.length,
1,
"There is the expected number of object inspectors"
);
const [arrayOi] = objectInspectors;
let arrayOiNodes = arrayOi.querySelectorAll(".node");
// The tree can be collapsed since the properties are fetched asynchronously.
if (arrayOiNodes.length === 1) {
// If this is the case, we wait for the properties to be fetched and displayed.
await waitForNodeMutation(arrayOi, {
childList: true,
});
arrayOiNodes = arrayOi.querySelectorAll(".node");
}
// There are 6 nodes: the root, 1, 2, {a: "a", b: "b"}, length and the proto.
is(
arrayOiNodes.length,
6,
"There is the expected number of nodes in the tree"
);
let propertiesNodes = [...arrayOi.querySelectorAll(".object-label")].map(
el => el.textContent
);
const arrayPropertiesNames = ["0", "1", "2", "length", "<prototype>"];
is(JSON.stringify(propertiesNodes), JSON.stringify(arrayPropertiesNames));
info("console.dir on a long object");
const obj = Array.from({ length: 100 }).reduce((res, _, i) => {
res["item-" + (i + 1).toString().padStart(3, "0")] = i + 1;
return res;
}, {});
await SpecialPowers.spawn(gBrowser.selectedBrowser, [obj], function (data) {
content.wrappedJSObject.console.dir(data);
});
dirMessageNode = await waitFor(() => findConsoleDir(hud.ui.outputNode, 1));
objectInspectors = [...dirMessageNode.querySelectorAll(".tree")];
is(
objectInspectors.length,
1,
"There is the expected number of object inspectors"
);
const [objectOi] = objectInspectors;
let objectOiNodes = objectOi.querySelectorAll(".node");
// The tree can be collapsed since the properties are fetched asynchronously.
if (objectOiNodes.length === 1) {
// If this is the case, we wait for the properties to be fetched and displayed.
await waitForNodeMutation(objectOi, {
childList: true,
});
objectOiNodes = objectOi.querySelectorAll(".node");
}
// There are 102 nodes: the root, 100 "item-N" properties, and the proto.
is(
objectOiNodes.length,
102,
"There is the expected number of nodes in the tree"
);
const objectPropertiesNames = Object.getOwnPropertyNames(obj).map(
name => `"${name}"`
);
objectPropertiesNames.push("<prototype>");
propertiesNodes = [...objectOi.querySelectorAll(".object-label")].map(
el => el.textContent
);
is(JSON.stringify(propertiesNodes), JSON.stringify(objectPropertiesNames));
info("console.dir on an error object");
await SpecialPowers.spawn(gBrowser.selectedBrowser, [], function () {
const err = new Error("myErrorMessage");
err.myCustomProperty = "myCustomPropertyValue";
content.wrappedJSObject.console.dir(err);
});
dirMessageNode = await waitFor(() => findConsoleDir(hud.ui.outputNode, 2));
objectInspectors = [...dirMessageNode.querySelectorAll(".tree")];
is(
objectInspectors.length,
1,
"There is the expected number of object inspectors"
);
const [errorOi] = objectInspectors;
let errorOiNodes = errorOi.querySelectorAll(".node");
// The tree can be collapsed since the properties are fetched asynchronously.
if (errorOiNodes.length === 1) {
// If this is the case, we wait for the properties to be fetched and displayed.
await waitForNodeMutation(errorOi, {
childList: true,
});
errorOiNodes = errorOi.querySelectorAll(".node");
}
propertiesNodes = [...errorOi.querySelectorAll(".object-label")].map(
el => el.textContent
);
is(
JSON.stringify(propertiesNodes),
JSON.stringify([
"columnNumber",
"fileName",
"lineNumber",
"message",
"myCustomProperty",
"stack",
"<prototype>",
])
);
});
function findConsoleDir(node, index) {
return node.querySelectorAll(".dir.message")[index];
}