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
|
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
// Check that async stacktraces are displayed as expected.
"use strict";
const TEST_URI = `data:text/html;charset=utf8,<!DOCTYPE html><script>
function timeout(cb, delay) {
setTimeout(cb, delay);
}
function promiseThen(cb) {
Promise.resolve().then(cb);
}
const onTimeout = () => {
console.trace("Trace message");
console.error("console error message");
throw new Error("Thrown error message");
};
const onPromiseThen = () => timeout(onTimeout, 1);
promiseThen(onPromiseThen);
</script>`;
add_task(async function () {
await pushPref("javascript.options.asyncstack_capture_debuggee_only", false);
const hud = await openNewTabAndConsole(TEST_URI);
// Cached messages stacktrace are missing "promise callback" frames, so we reload
// the page to get "live" messages instead. See Bug 1604428.
await reloadPage();
const expectedFrames = [
"onTimeout",
"(Async: setTimeout handler)",
"timeout",
"onPromiseThen",
"(Async: promise callback)",
"promiseThen",
"<anonymous>",
].join("\n");
const traceMsgNode = await waitFor(
() => findConsoleAPIMessage(hud, "Trace message", ".trace"),
"Wait for the trace message to be logged"
);
let frames = await getSimplifiedStack(traceMsgNode);
is(frames, expectedFrames, "console.trace has expected frames");
const consoleErrorMsgNode = await waitFor(
() => findConsoleAPIMessage(hud, "console error message", ".error"),
"Wait for the console error message to be logged"
);
consoleErrorMsgNode.querySelector(".arrow").click();
frames = await getSimplifiedStack(consoleErrorMsgNode);
is(frames, expectedFrames, "console.error has expected frames");
const errorMsgNode = await waitFor(
() =>
findErrorMessage(
hud,
"Uncaught Error: Thrown error message",
".javascript"
),
"Wait for the thrown error message to be logged"
);
errorMsgNode.querySelector(".arrow").click();
frames = await getSimplifiedStack(errorMsgNode);
is(frames, expectedFrames, "thrown error has expected frames");
});
async function getSimplifiedStack(messageEl) {
const framesEl = await waitFor(() => {
const frames = messageEl.querySelectorAll(
".message-body-wrapper > .stacktrace .frame"
);
return frames.length ? frames : null;
}, "Couldn't find stacktrace");
return Array.from(framesEl)
.map(frameEl =>
Array.from(frameEl.querySelectorAll(".title,.location-async-cause")).map(
el => el.textContent.trim()
)
)
.flat()
.join("\n");
}
|
