forked from mirrors/gecko-dev
76 lines
2.5 KiB
JavaScript
76 lines
2.5 KiB
JavaScript
/* Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/ */
|
|
|
|
"use strict";
|
|
|
|
/**
|
|
* Tests image caches can be displayed in the network monitor
|
|
*/
|
|
|
|
add_task(async function () {
|
|
const { monitor } = await initNetMonitor(IMAGE_CACHE_URL, {
|
|
enableCache: true,
|
|
requestCount: 1,
|
|
});
|
|
info("Starting test... ");
|
|
|
|
const { document, store, windowRequire } = monitor.panelWin;
|
|
const { getDisplayedRequests, getSortedRequests } = windowRequire(
|
|
"devtools/client/netmonitor/src/selectors/index"
|
|
);
|
|
const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
|
|
store.dispatch(Actions.batchEnable(false));
|
|
|
|
const waitForEvents = waitForNetworkEvents(monitor, 2);
|
|
|
|
// Using `BrowserTestUtils.loadURI` instead of `navigateTo` because
|
|
// `navigateTo` would use `gBrowser.reloadTab` to reload the tab
|
|
// when the current uri is the same as the one that is going to navigate.
|
|
// And the issue is that with `gBrowser.reloadTab`, `VALIDATE_ALWAYS`
|
|
// flag will be applied to the loadgroup, such that the sub resources
|
|
// are forced to be revalidated. So we use `BrowserTestUtils.loadURI` to
|
|
// avoid having `VALIDATE_ALWAYS` applied.
|
|
BrowserTestUtils.startLoadingURIString(
|
|
gBrowser.selectedBrowser,
|
|
IMAGE_CACHE_URL
|
|
);
|
|
await waitForEvents;
|
|
|
|
const requests = document.querySelectorAll(".request-list-item");
|
|
|
|
// Though there are 3 test-image.png images on the page, only 1 request
|
|
// representing the images from the cache should be shown. Therefore we
|
|
// expect 2 requests all together (1 for html_image-cache.html and 1 for
|
|
// test-image.png)
|
|
is(requests.length, 2, "There should be 2 requests");
|
|
|
|
const requestData = {
|
|
uri: HTTPS_EXAMPLE_URL + "test-image.png",
|
|
details: {
|
|
status: 200,
|
|
statusText: "OK (cached)",
|
|
displayedStatus: "cached",
|
|
type: "png",
|
|
fullMimeType: "image/png",
|
|
},
|
|
};
|
|
|
|
for (let i = 1; i < requests.length; ++i) {
|
|
const request = requests[i];
|
|
|
|
// mouseover is needed for tooltips to show up.
|
|
const requestsListStatus = request.querySelector(".status-code");
|
|
EventUtils.sendMouseEvent({ type: "mouseover" }, requestsListStatus);
|
|
await waitUntil(() => requestsListStatus.title);
|
|
|
|
await verifyRequestItemTarget(
|
|
document,
|
|
getDisplayedRequests(store.getState()),
|
|
getSortedRequests(store.getState())[i],
|
|
"GET",
|
|
requestData.uri,
|
|
requestData.details
|
|
);
|
|
}
|
|
await teardown(monitor);
|
|
});
|