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
|
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
// Test that rejected promise are reported to the console.
"use strict";
const TEST_URI = `data:text/html;charset=utf-8,<!DOCTYPE html>
<script>
function createRejectedPromise(reason) {
new Promise(function promiseCb(_, reject) {
setTimeout(function setTimeoutCb(){
reject(reason);
}, 0);
});
}
var err = new Error("carrot");
err.name = "VeggieError";
const reasons = [
"potato",
"",
0,
false,
null,
undefined,
{fav: "eggplant"},
["cherry", "strawberry"],
new Error("spinach"),
err,
];
reasons.forEach(function forEachCb(reason) {
createRejectedPromise(reason);
});
</script>`;
add_task(async function () {
await pushPref("javascript.options.asyncstack_capture_debuggee_only", false);
const hud = await openNewTabAndConsole(TEST_URI);
const expectedErrors = [
"Uncaught (in promise) potato",
"Uncaught (in promise) <empty string>",
"Uncaught (in promise) 0",
"Uncaught (in promise) false",
"Uncaught (in promise) null",
"Uncaught (in promise) undefined",
`Uncaught (in promise) Object { fav: "eggplant" }`,
`Uncaught (in promise) Array [ "cherry", "strawberry" ]`,
`Uncaught (in promise) Error: spinach`,
`Uncaught (in promise) VeggieError: carrot`,
];
for (const expectedError of expectedErrors) {
const message = await waitFor(
() => findErrorMessage(hud, expectedError),
`Couldn't find «${expectedError}» message`
);
ok(message, `Found «${expectedError}» message`);
message.querySelector(".collapse-button").click();
const framesEl = await waitFor(() => {
const frames = message.querySelectorAll(
".message-body-wrapper > .stacktrace .frame"
);
return frames.length ? frames : null;
}, "Couldn't find stacktrace");
const frames = Array.from(framesEl)
.map(frameEl =>
Array.from(
frameEl.querySelectorAll(".title, .location-async-cause")
).map(el => el.textContent.trim())
)
.flat();
is(
frames.join("\n"),
[
"setTimeoutCb",
"(Async: setTimeout handler)",
"promiseCb",
"createRejectedPromise",
"forEachCb",
"forEach",
"<anonymous>",
].join("\n"),
"Error message has expected frames"
);
}
ok(true, "All expected messages were found");
info("Check that object in errors can be expanded");
const rejectedObjectMessage = findErrorMessage(
hud,
`Uncaught (in promise) Object { fav: "eggplant" }`
);
const oi = rejectedObjectMessage.querySelector(".tree");
ok(true, "The object was rendered in an ObjectInspector");
info("Expanding the object");
const onOiExpanded = waitFor(() => {
return oi.querySelectorAll(".node").length === 3;
});
oi.querySelector(".arrow").click();
await onOiExpanded;
ok(
oi.querySelector(".arrow").classList.contains("expanded"),
"Object expanded"
);
// The object inspector now looks like:
// Object { fav: "eggplant" }
// | fav: "eggplant"
// | <prototype>: Object { ... }
const oiNodes = oi.querySelectorAll(".node");
is(oiNodes.length, 3, "There is the expected number of nodes in the tree");
ok(oiNodes[0].textContent.includes(`Object { fav: "eggplant" }`));
ok(oiNodes[1].textContent.includes(`fav: "eggplant"`));
ok(oiNodes[2].textContent.includes(`<prototype>: Object { \u2026 }`));
});
|
