Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: http3 OR http2 OR !fission
- Manifest: devtools/client/netmonitor/test/browser.toml
/* Any copyright is dedicated to the Public Domain.
// Test network throttling `offline` mode
"use strict";
requestLongerTimeout(2);
const {
PROFILE_CONSTANTS,
add_task(async function () {
await pushPref("devtools.cache.disabled", true);
const { tab, monitor, toolbox } = await initNetMonitor(HTTPS_CUSTOM_GET_URL, {
requestCount: 1,
});
const { document } = monitor.panelWin;
await selectThrottle(document, monitor, toolbox, PROFILE_CONSTANTS.OFFLINE);
assertCurrentThrottleSelected(document, PROFILE_CONSTANTS.OFFLINE);
const offlineEventFired = SpecialPowers.spawn(
tab.linkedBrowser,
[],
async function () {
return content.wrappedJSObject.hasOfflineEventFired();
}
);
ok(offlineEventFired, "The offline event on the page fired");
// As the browser is offline, load event won't fire
await reloadBrowser({ waitForLoad: false });
await assertNavigatorOnlineInConsole(toolbox, "false");
await assertPageIsOffline();
await selectThrottle(
document,
monitor,
toolbox,
PROFILE_CONSTANTS.REGULAR_4G_LTE
);
assertCurrentThrottleSelected(document, PROFILE_CONSTANTS.REGULAR_4G_LTE);
await reloadBrowser();
await assertNavigatorOnlineInConsole(toolbox, "true");
await assertPageIsOnline();
await teardown(monitor);
});
async function selectThrottle(document, monitor, toolbox, profileId) {
info(`Selecting the '${profileId}' profile`);
document.getElementById("network-throttling-menu").click();
// Throttling menu items cannot be retrieved by id so we can't use getContextMenuItem
// here. Instead use querySelector on the toolbox top document, where the context menu
// will be rendered.
const item = toolbox.topWindow.document.querySelector(
"menuitem[label='" + profileId + "']"
);
await BrowserTestUtils.waitForPopupEvent(item.parentNode, "shown");
item.parentNode.activateItem(item);
await monitor.panelWin.api.once(TEST_EVENTS.THROTTLING_CHANGED);
}
function assertCurrentThrottleSelected(document, expectedProfile) {
is(
document.querySelector("#network-throttling-menu .title").innerText,
expectedProfile,
`The '${expectedProfile}' throttle profile is correctly selected`
);
}
function assertPageIsOffline() {
// This is an error page.
return SpecialPowers.spawn(
gBrowser.selectedTab.linkedBrowser,
[HTTPS_CUSTOM_GET_URL],
function (uri) {
is(
content.document.documentURI.substring(0, 27),
"about:neterror?e=netOffline",
"Document URI is the error page."
);
// But location bar should show the original request.
is(content.location.href, uri, "Docshell URI is the original URI.");
}
);
}
function assertPageIsOnline() {
// This is an error page.
return SpecialPowers.spawn(
gBrowser.selectedTab.linkedBrowser,
[HTTPS_CUSTOM_GET_URL],
function (uri) {
is(content.document.documentURI, uri, "Document URI is the original URI");
// But location bar should show the original request.
is(content.location.href, uri, "Docshell URI is the original URI.");
}
);
}
async function assertNavigatorOnlineInConsole(toolbox, expectedResultValue) {
const input = "navigator.onLine";
info(`Assert the value of '${input}' in the console`);
await toolbox.openSplitConsole();
const { hud } = await toolbox.getPanel("webconsole");
hud.setInputValue(input);
return waitForEagerEvaluationResult(hud, expectedResultValue);
}