1 files changed, 153 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/test/browser_net_resend_csp.js b/devtools/client/netmonitor/test/browser_net_resend_csp.js
new file mode 100644
index 0000000000..2b2482b348
--- /dev/null
+++ b/devtools/client/netmonitor/test/browser_net_resend_csp.js
@@ -0,0 +1,153 @@
+/* Any copyright is dedicated to the Public Domain.
+ *  http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"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");
+  ok(origReq.url === selReq.url, "Orig and Sel url match");
+
+  ok(selReq.cause.type === "img", "Correct type of selected");
+  ok(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");
+    ok(origReq.url === selReq.url, "Orig and Sel url match");
+
+    ok(selReq.cause.type === "img", "Correct type of selected");
+    ok(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);
+  }
+});