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
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
/**
* Test if the summary text displayed in the network requests menu footer is correct.
*/
add_task(async function () {
const {
getFormattedSize,
getFormattedTime,
} = require("resource://devtools/client/netmonitor/src/utils/format-utils.js");
requestLongerTimeout(2);
const { tab, monitor } = await initNetMonitor(FILTERING_URL, {
requestCount: 1,
});
info("Starting test... ");
const { document, store, windowRequire } = monitor.panelWin;
const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
const { getDisplayedRequestsSummary } = windowRequire(
"devtools/client/netmonitor/src/selectors/index"
);
const { L10N } = windowRequire("devtools/client/netmonitor/src/utils/l10n");
const { PluralForm } = windowRequire("devtools/shared/plural-form");
store.dispatch(Actions.batchEnable(false));
testStatus();
for (let i = 0; i < 2; i++) {
info(`Performing requests in batch #${i}`);
const wait = waitForNetworkEvents(monitor, 8);
await SpecialPowers.spawn(tab.linkedBrowser, [], async function () {
content.wrappedJSObject.performRequests(
'{ "getMedia": true, "getFlash": true }'
);
});
await wait;
testStatus();
const buttons = ["html", "css", "js", "xhr", "fonts", "images", "media"];
for (const button of buttons) {
const buttonEl = document.querySelector(
`.requests-list-filter-${button}-button`
);
EventUtils.sendMouseEvent({ type: "click" }, buttonEl);
testStatus();
}
}
await teardown(monitor);
function testStatus() {
const state = store.getState();
const totalRequestsCount = state.requests.requests.length;
const requestsSummary = getDisplayedRequestsSummary(state);
info(
`Current requests: ${requestsSummary.count} of ${totalRequestsCount}.`
);
const valueCount = document.querySelector(
".requests-list-network-summary-count"
).textContent;
info("Current summary count: " + valueCount);
const expectedCount = PluralForm.get(
requestsSummary.count,
L10N.getStr("networkMenu.summary.requestsCount2")
).replace("#1", requestsSummary.count);
if (!totalRequestsCount || !requestsSummary.count) {
is(
valueCount,
L10N.getStr("networkMenu.summary.requestsCountEmpty"),
"The current summary text is incorrect, expected an 'empty' label."
);
return;
}
const valueTransfer = document.querySelector(
".requests-list-network-summary-transfer"
).textContent;
info("Current summary transfer: " + valueTransfer);
const expectedTransfer = L10N.getFormatStrWithNumbers(
"networkMenu.summary.transferred",
getFormattedSize(requestsSummary.contentSize),
getFormattedSize(requestsSummary.transferredSize)
);
const valueFinish = document.querySelector(
".requests-list-network-summary-finish"
).textContent;
info("Current summary finish: " + valueFinish);
const expectedFinish = L10N.getFormatStrWithNumbers(
"networkMenu.summary.finish",
getFormattedTime(requestsSummary.ms)
);
info(`Computed total bytes: ${requestsSummary.bytes}`);
info(`Computed total ms: ${requestsSummary.ms}`);
is(valueCount, expectedCount, "The current summary count is correct.");
is(
valueTransfer,
expectedTransfer,
"The current summary transfer is correct."
);
is(valueFinish, expectedFinish, "The current summary finish is correct.");
}
});
|
