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
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
/**
* Tests if request cause is reported correctly when using source maps.
*/
const CAUSE_FILE_NAME = "html_maps-test-page.html";
const CAUSE_URL = HTTPS_EXAMPLE_URL + CAUSE_FILE_NAME;
const N_EXPECTED_REQUESTS = 4;
add_task(async function () {
// the initNetMonitor function clears the network request list after the
// page is loaded. That's why we first load a bogus page from SIMPLE_URL,
// and only then load the real thing from CAUSE_URL - we want to catch
// all the requests the page is making, not only the XHRs.
// We can't use about:blank here, because initNetMonitor checks that the
// page has actually made at least one request.
const { monitor } = await initNetMonitor(SIMPLE_URL, { requestCount: 1 });
const { document, store, windowRequire } = monitor.panelWin;
const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
store.dispatch(Actions.batchEnable(false));
let waitPromise = waitForNetworkEvents(monitor, N_EXPECTED_REQUESTS);
await navigateTo(CAUSE_URL);
await waitPromise;
info("Clicking item and waiting for details panel to open");
waitPromise = waitForDOM(document, ".network-details-bar");
const xhrRequestItem = document.querySelectorAll(".request-list-item")[3];
EventUtils.sendMouseEvent({ type: "mousedown" }, xhrRequestItem);
await waitPromise;
info("Clicking stack tab and waiting for stack panel to open");
waitPromise = waitForDOM(document, "#stack-trace-panel");
clickOnSidebarTab(document, "stack-trace");
await waitPromise;
info("Waiting for source maps to be applied");
await waitUntil(() => {
const frames = document.querySelectorAll(".frame-link");
return (
frames &&
frames.length >= 2 &&
frames[0].textContent.includes("xhr_original") &&
frames[1].textContent.includes("xhr_original")
);
});
const frames = document.querySelectorAll(".frame-link");
is(frames.length, 3, "should have 3 stack frames");
is(frames[0].textContent, `reallydoxhr xhr_original.js:6`);
is(frames[1].textContent, `doxhr xhr_original.js:10`);
await teardown(monitor);
});
|
