From 6bf0a5cb5034a7e684dcc3500e841785237ce2dd Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Sun, 7 Apr 2024 19:32:43 +0200 Subject: Adding upstream version 1:115.7.0. Signed-off-by: Daniel Baumann --- .../test/browser_net_statistics-edge-case.js | 112 +++++++++++++++++++++ 1 file changed, 112 insertions(+) create mode 100644 devtools/client/netmonitor/test/browser_net_statistics-edge-case.js (limited to 'devtools/client/netmonitor/test/browser_net_statistics-edge-case.js') diff --git a/devtools/client/netmonitor/test/browser_net_statistics-edge-case.js b/devtools/client/netmonitor/test/browser_net_statistics-edge-case.js new file mode 100644 index 0000000000..811147743b --- /dev/null +++ b/devtools/client/netmonitor/test/browser_net_statistics-edge-case.js @@ -0,0 +1,112 @@ +/* Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ */ + +"use strict"; + +/** + * Tests if the statistics panel displays correctly for a page containing + * requests which have been known to create issues in the past for this Panel: + * - cached image (http-on-image-cache-response) requests in the content process + * - long polling requests remaining open for a long time + */ + +add_task(async function () { + // We start the netmonitor on a basic page to avoid opening the panel on + // an incomplete polling request. + const { monitor } = await initNetMonitor(SIMPLE_URL, { + enableCache: true, + }); + + // The navigation should lead to 3 requests (html + image + long polling). + // Additionally we will have a 4th request to call unblock(), so there are 4 + // requests in total. + // However we need to make sure that unblock() is only called once the long + // polling request has been started, so we wait for network events in 2 sets: + // - first the 3 initial requests, with only 2 completing + // - then the unblock request, bundled with the completion of the long polling + let onNetworkEvents = waitForNetworkEvents(monitor, 3, { + expectedPayloadReady: 2, + expectedEventTimings: 2, + }); + + // Here we explicitly do not await on navigateTo. + // The netmonitor will not emit "reloaded" if there are pending requests, + // so if the long polling request already started, we will never receive the + // event. Waiting for the network events should be sufficient here. + const onNavigationCompleted = navigateTo(STATISTICS_EDGE_CASE_URL); + + info("Wait for the 3 first network events (initial)"); + await onNetworkEvents; + + // Prepare to wait for the second set of network events. + onNetworkEvents = waitForNetworkEvents(monitor, 1, { + expectedPayloadReady: 2, + expectedEventTimings: 2, + }); + + // Calling unblock() should allow for the polling request to be displayed and + // to complete, so we can consistently expect 2 events and 2 timings. + info("Call unblock()"); + await SpecialPowers.spawn(gBrowser.selectedBrowser, [], () => + content.wrappedJSObject.unblock() + ); + + info("Wait for polling and unblock (initial)"); + await onNetworkEvents; + + info("Wait for the navigation to complete"); + await onNavigationCompleted; + + // Opening the statistics panel will trigger a reload, expect the same requests + // again, we use the same pattern to wait for network events. + onNetworkEvents = waitForNetworkEvents(monitor, 3, { + expectedPayloadReady: 2, + expectedEventTimings: 2, + }); + + info("Open the statistics panel"); + const panel = monitor.panelWin; + const { document, store, windowRequire, connector } = panel; + const Actions = windowRequire("devtools/client/netmonitor/src/actions/index"); + store.dispatch(Actions.openStatistics(connector, true)); + + await waitFor( + () => !!document.querySelector(".statistics-panel"), + "The statistics panel is displayed" + ); + + await waitFor( + () => + document.querySelectorAll( + ".table-chart-container:not([placeholder=true])" + ).length == 2, + "Two real table charts appear to be rendered correctly." + ); + + info("Close statistics panel"); + store.dispatch(Actions.openStatistics(connector, false)); + + await waitFor( + () => !!document.querySelector(".monitor-panel"), + "The regular netmonitor panel is displayed" + ); + info("Wait for the 3 first network events (after opening statistics panel)"); + await onNetworkEvents; + + onNetworkEvents = waitForNetworkEvents(monitor, 1, { + expectedPayloadReady: 2, + expectedEventTimings: 2, + }); + + info("Call unblock()"); + await SpecialPowers.spawn(gBrowser.selectedBrowser, [], () => + content.wrappedJSObject.unblock() + ); + + // We need to cleanly wait for all events to be finished, otherwise the UI + // will throw many unhandled promise rejections. + info("Wait for polling and unblock (after opening statistics panel)"); + await onNetworkEvents; + + await teardown(monitor); +}); -- cgit v1.2.3