diff options
Diffstat (limited to 'devtools/client/netmonitor/test/browser_net_image_cache.js')
-rw-r--r-- | devtools/client/netmonitor/test/browser_net_image_cache.js | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/test/browser_net_image_cache.js b/devtools/client/netmonitor/test/browser_net_image_cache.js new file mode 100644 index 0000000000..4720ef70f0 --- /dev/null +++ b/devtools/client/netmonitor/test/browser_net_image_cache.js @@ -0,0 +1,76 @@ +/* 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, { + expectedEventTimings: 0, + expectedPayloadReady: 1, + }); + + // 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.loadURIString(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); +}); |