1 files changed, 68 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/test/browser_net_edit_resend_cancel.js b/devtools/client/netmonitor/test/browser_net_edit_resend_cancel.js
new file mode 100644
index 0000000000..e0958c3497
--- /dev/null
+++ b/devtools/client/netmonitor/test/browser_net_edit_resend_cancel.js
@@ -0,0 +1,68 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+/**
+ * Tests if original request's header panel is visible when custom request is cancelled.
+ */
+
+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 { monitor } = await initNetMonitor(HTTPS_SIMPLE_URL, {
+    requestCount: 1,
+  });
+  info("Starting test... ");
+
+  const { document, store, windowRequire } = monitor.panelWin;
+  const { getSelectedRequest } = windowRequire(
+    "devtools/client/netmonitor/src/selectors/index"
+  );
+  const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
+  store.dispatch(Actions.batchEnable(false));
+
+  // Reload to have one request in the list
+  const waitForEvents = waitForNetworkEvents(monitor, 1);
+  await navigateTo(HTTPS_SIMPLE_URL);
+  await waitForEvents;
+
+  // Context Menu > "Edit & Resend"
+  const firstRequest = document.querySelectorAll(".request-list-item")[0];
+  const waitForHeaders = waitUntil(() =>
+    document.querySelector(".headers-overview")
+  );
+  EventUtils.sendMouseEvent({ type: "mousedown" }, firstRequest);
+  await waitForHeaders;
+  EventUtils.sendMouseEvent({ type: "contextmenu" }, firstRequest);
+  const firstRequestState = getSelectedRequest(store.getState());
+  await selectContextMenuItem(monitor, "request-list-context-edit-resend");
+
+  // Waits for "Edit & Resend" panel to appear > New request "Cancel"
+  await waitUntil(() => document.querySelector(".custom-request-panel"));
+  document.querySelector("#custom-request-close-button").click();
+  const finalRequestState = getSelectedRequest(store.getState());
+
+  ok(
+    firstRequestState.id === finalRequestState.id,
+    "Original request is selected after cancel button is clicked"
+  );
+
+  ok(
+    document.querySelector(".headers-overview") !== null,
+    "Request is selected and headers panel is visible"
+  );
+
+  await teardown(monitor);
+});