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
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
/**
* Bug 1360457 - Mis-alignment between headers and columns on overflow
*/
add_task(async function () {
requestLongerTimeout(4);
const { tab, monitor } = await initNetMonitor(INFINITE_GET_URL, {
enableCache: true,
requestCount: 1,
});
const { document, windowRequire, store } = monitor.panelWin;
const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
store.dispatch(Actions.batchEnable(false));
// Wait until the first request makes the empty notice disappear
await waitForRequestListToAppear();
const requestsContainerScroll = document.querySelector(
".requests-list-scroll"
);
ok(requestsContainerScroll, "Container element exists as expected.");
const requestsContainer = document.querySelector(".requests-list-row-group");
const headers = document.querySelector(".requests-list-headers");
ok(headers, "Headers element exists as expected.");
await waitForRequestsToOverflowContainer(monitor, requestsContainerScroll);
testColumnsAlignment(headers, requestsContainer);
// Stop doing requests.
await SpecialPowers.spawn(tab.linkedBrowser, [], async function () {
content.wrappedJSObject.stopRequests();
});
// Done: clean up.
return teardown(monitor);
function waitForRequestListToAppear() {
info(
"Waiting until the empty notice disappears and is replaced with the list"
);
return waitUntil(
() => !!document.querySelector(".requests-list-row-group")
);
}
});
async function waitForRequestsToOverflowContainer(monitor, requestList) {
info("Waiting for enough requests to overflow the container");
while (true) {
info("Waiting for one network request");
await waitForNetworkEvents(monitor, 1);
if (requestList.scrollHeight > requestList.clientHeight + 50) {
info("The list is long enough, returning");
return;
}
}
}
|