1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
|
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
"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];
}
|
