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
|
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
const TEST_URI =
"data:text/html;charset=utf8,<!DOCTYPE html>Test that the netmonitor " +
"displays requests that have been recorded in the " +
"web console, even if the netmonitor hadn't opened yet.";
const TEST_FILE = "test-network-request.html";
const TEST_PATH =
"https://example.com/browser/devtools/client/webconsole/" +
"test/browser/" +
TEST_FILE;
const NET_PREF = "devtools.webconsole.filter.net";
Services.prefs.setBoolPref(NET_PREF, true);
registerCleanupFunction(async () => {
Services.prefs.clearUserPref(NET_PREF);
await new Promise(resolve => {
Services.clearData.deleteData(Ci.nsIClearDataService.CLEAR_ALL, () =>
resolve()
);
});
});
add_task(async function task() {
// Make sure the filter to show all the requests is set
await pushPref("devtools.netmonitor.filters", '["all"]');
// Test that the request appears in the console.
const hud = await openNewTabAndConsole(TEST_URI);
const currentTab = gBrowser.selectedTab;
info("Web console is open");
const onMessageAdded = waitForMessageByType(hud, TEST_PATH, ".network");
await navigateTo(TEST_PATH);
info("Document loaded.");
await onMessageAdded;
info("Network message found.");
// Test that the request appears in the network panel.
const toolbox = await gDevTools.showToolboxForTab(currentTab, {
toolId: "netmonitor",
});
info("Network panel is open.");
await testNetmonitor(toolbox);
});
async function testNetmonitor(toolbox) {
const monitor = toolbox.getCurrentPanel();
const { document, store, windowRequire } = monitor.panelWin;
const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
const { getSortedRequests } = windowRequire(
"devtools/client/netmonitor/src/selectors/index"
);
store.dispatch(Actions.batchEnable(false));
// Lets also wait until all the event timings data requested
// has completed and the column is rendered.
await waitFor(() =>
document.querySelector(
".request-list-item:first-child .requests-list-timings-total"
)
);
is(
store.getState().requests.requests.length,
1,
"Network request appears in the network panel"
);
const item = getSortedRequests(store.getState())[0];
is(item.method, "GET", "The attached method is correct.");
is(item.url, TEST_PATH, "The attached url is correct.");
}
|
