Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: http3 OR http2
- Manifest: devtools/client/netmonitor/test/browser.toml
/* Any copyright is dedicated to the Public Domain.
"use strict";
/**
* Tests if resending an image request uses the same content type
* and hence is not blocked by the CSP of the page.
*/
add_task(async function () {
if (
Services.prefs.getBoolPref(
"devtools.netmonitor.features.newEditAndResend",
true
)
) {
ok(
true,
"Skip this test when pref is true, because this panel won't be default when that is the case."
);
return;
}
const { tab, monitor } = await initNetMonitor(CSP_RESEND_URL, {
requestCount: 1,
});
const { document, store, windowRequire } = monitor.panelWin;
const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
store.dispatch(Actions.batchEnable(false));
// Executes 1 request
await performRequests(monitor, tab, 1);
// Select the image request
const imgRequest = document.querySelectorAll(".request-list-item")[0];
EventUtils.sendMouseEvent({ type: "mousedown" }, imgRequest);
// Stores original request for comparison of values later
const { getSelectedRequest } = windowRequire(
"devtools/client/netmonitor/src/selectors/index"
);
const origReq = getSelectedRequest(store.getState());
// Context Menu > "Resend"
EventUtils.sendMouseEvent({ type: "contextmenu" }, imgRequest);
const waitForResentRequest = waitForNetworkEvents(monitor, 1);
await selectContextMenuItem(monitor, "request-list-context-resend-only");
await waitForResentRequest;
// Selects request that was resent
const selReq = getSelectedRequest(store.getState());
// Finally, some sanity checks
ok(selReq.url.endsWith("test-image.png"), "Correct request selected");
Assert.strictEqual(origReq.url, selReq.url, "Orig and Sel url match");
Assert.strictEqual(selReq.cause.type, "img", "Correct type of selected");
Assert.strictEqual(
origReq.cause.type,
selReq.cause.type,
"Orig and Sel type match"
);
const cspOBJ = await SpecialPowers.spawn(tab.linkedBrowser, [], async () => {
return JSON.parse(content.document.cspJSON);
});
const policies = cspOBJ["csp-policies"];
is(policies.length, 1, "CSP: should be one policy");
const policy = policies[0];
is(`${policy["img-src"]}`, "*", "CSP: img-src should be *");
await teardown(monitor);
});
/**
* Tests if resending an image request uses the same content type
* and hence is not blocked by the CSP of the page.
*/
add_task(async function () {
if (
Services.prefs.getBoolPref(
"devtools.netmonitor.features.newEditAndResend",
true
)
) {
const { tab, monitor } = await initNetMonitor(CSP_RESEND_URL, {
requestCount: 1,
});
const { document, store, windowRequire } = monitor.panelWin;
const Actions = windowRequire(
"devtools/client/netmonitor/src/actions/index"
);
store.dispatch(Actions.batchEnable(false));
// Executes 1 request
await performRequests(monitor, tab, 1);
// Select the image request
const imgRequest = document.querySelectorAll(".request-list-item")[0];
EventUtils.sendMouseEvent({ type: "mousedown" }, imgRequest);
// Stores original request for comparison of values later
const { getSelectedRequest } = windowRequire(
"devtools/client/netmonitor/src/selectors/index"
);
const origReq = getSelectedRequest(store.getState());
// Context Menu > "Resend"
EventUtils.sendMouseEvent({ type: "contextmenu" }, imgRequest);
info("Opening the new request panel");
const waitForPanels = waitUntil(
() =>
document.querySelector(".http-custom-request-panel") &&
document.querySelector("#http-custom-request-send-button").disabled ===
false
);
await selectContextMenuItem(monitor, "request-list-context-edit-resend");
await waitForPanels;
const waitForResentRequest = waitForNetworkEvents(monitor, 1);
const buttonSend = document.querySelector(
"#http-custom-request-send-button"
);
buttonSend.click();
await waitForResentRequest;
// Selects request that was resent
const selReq = getSelectedRequest(store.getState());
// Finally, some sanity checks
ok(selReq.url.endsWith("test-image.png"), "Correct request selected");
Assert.strictEqual(origReq.url, selReq.url, "Orig and Sel url match");
Assert.strictEqual(selReq.cause.type, "img", "Correct type of selected");
Assert.strictEqual(
origReq.cause.type,
selReq.cause.type,
"Orig and Sel type match"
);
const cspOBJ = await SpecialPowers.spawn(
tab.linkedBrowser,
[],
async () => {
return JSON.parse(content.document.cspJSON);
}
);
const policies = cspOBJ["csp-policies"];
is(policies.length, 1, "CSP: should be one policy");
const policy = policies[0];
is(`${policy["img-src"]}`, "*", "CSP: img-src should be *");
await teardown(monitor);
}
});