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
|
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
const TEST_URI = `data:text/html,<!DOCTYPE html><meta charset=utf8><script>
var bar = () => myFunc();
var rab = () => myFunc();
var myFunc = () => console.trace();
bar();bar();
rab();rab();
</script>`;
add_task(async function () {
const hud = await openNewTabAndConsole(TEST_URI);
await waitFor(() => findConsoleAPIMessage(hud, "trace"));
ok(true, "console.trace() message is displayed in the console");
const messages = findConsoleAPIMessages(hud, "console.trace()");
is(messages.length, 4, "There are 4 console.trace() messages");
info("Wait until the stacktraces are displayed");
await waitFor(() => getFrames(hud).length === messages.length);
const [traceBar1, traceBar2, traceRab1, traceRab2] = getFrames(hud);
const framesBar1 = getFramesTitleFromTrace(traceBar1);
is(
framesBar1.join(" - "),
"myFunc - bar - <anonymous>",
"First bar trace has the expected frames"
);
const framesBar2 = getFramesTitleFromTrace(traceBar2);
is(
framesBar2.join(" - "),
"myFunc - bar - <anonymous>",
"Second bar trace has the expected frames"
);
const framesRab1 = getFramesTitleFromTrace(traceRab1);
is(
framesRab1.join(" - "),
"myFunc - rab - <anonymous>",
"First rab trace has the expected frames"
);
const framesRab2 = getFramesTitleFromTrace(traceRab2);
is(
framesRab2.join(" - "),
"myFunc - rab - <anonymous>",
"Second rab trace has the expected frames"
);
});
/**
* Get all the stacktrace `.frames` elements displayed in the console output.
* @returns {Array<HTMLElement>}
*/
function getFrames(hud) {
return Array.from(hud.ui.outputNode.querySelectorAll(".stacktrace .frames"));
}
/**
* Given a stacktrace element, return an array of the frame names displayed in it.
* @param {HTMLElement} traceEl
* @returns {Array<String>}
*/
function getFramesTitleFromTrace(traceEl) {
return Array.from(traceEl.querySelectorAll(".frame .title")).map(
t => t.textContent
);
}
|
