1 files changed, 149 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/test/browser_net_new_request_panel_persisted_content.js b/devtools/client/netmonitor/test/browser_net_new_request_panel_persisted_content.js
new file mode 100644
index 0000000000..509bbc0000
--- /dev/null
+++ b/devtools/client/netmonitor/test/browser_net_new_request_panel_persisted_content.js
@@ -0,0 +1,149 @@
+/* Any copyright is dedicated to the Public Domain.
+  http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+const asyncStorage = require("resource://devtools/shared/async-storage.js");
+
+/**
+ * Test if content is still persisted after the panel is closed
+ */
+
+add_task(async function () {
+  // Turn true the pref
+  await pushPref("devtools.netmonitor.features.newEditAndResend", true);
+  // Reset the storage for the persisted custom request
+  await asyncStorage.removeItem("devtools.netmonitor.customRequest");
+
+  const { monitor } = await initNetMonitor(HTTPS_CUSTOM_GET_URL, {
+    requestCount: 1,
+  });
+  info("Starting test... ");
+
+  const { document, store, windowRequire } = monitor.panelWin;
+
+  // Action should be processed synchronously in tests.
+  const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
+  store.dispatch(Actions.batchEnable(false));
+
+  info("open the left panel");
+  let waitForPanels = waitForDOM(
+    document,
+    ".monitor-panel .network-action-bar"
+  );
+
+  let HTTPCustomRequestButton = document.querySelector(
+    "#netmonitor-toolbar-container .devtools-http-custom-request-icon"
+  );
+  HTTPCustomRequestButton.click();
+  await waitForPanels;
+
+  info("Check if the panel is empty");
+  is(
+    document.querySelector(".http-custom-url-value").value,
+    "",
+    "The URL input should be empty"
+  );
+
+  info("Add some content on the panel");
+  const methodValue = document.querySelector("#http-custom-method-value");
+  methodValue.value = "POST";
+  methodValue.dispatchEvent(new Event("change", { bubbles: true }));
+
+  const url = document.querySelector(".http-custom-url-value");
+  url.focus();
+  EventUtils.sendString("https://www.example.com");
+
+  info("Adding new parameters");
+  const newParameterName = document.querySelector(
+    "#http-custom-query .map-add-new-inputs .http-custom-input-name"
+  );
+  newParameterName.focus();
+  EventUtils.sendString("My-param");
+
+  info("Adding new headers");
+  const newHeaderName = document.querySelector(
+    "#http-custom-headers .map-add-new-inputs .http-custom-input-name"
+  );
+  newHeaderName.focus();
+  EventUtils.sendString("My-header");
+
+  const newHeaderValue = Array.from(
+    document.querySelectorAll(
+      "#http-custom-headers .http-custom-input .http-custom-input-value"
+    )
+  ).pop();
+  newHeaderValue.focus();
+  EventUtils.sendString("my-value");
+
+  const postValue = document.querySelector("#http-custom-postdata-value");
+  postValue.focus();
+  EventUtils.sendString("{'Name': 'Value'}");
+
+  // Close the panel
+  const closePanel = document.querySelector(
+    ".network-action-bar .tabs-navigation .sidebar-toggle"
+  );
+  closePanel.click();
+
+  // Open the panel again to see if the content is still there
+  waitForPanels = waitUntil(
+    () =>
+      document.querySelector(".http-custom-request-panel") &&
+      document.querySelector("#http-custom-request-send-button").disabled ===
+        false
+  );
+
+  HTTPCustomRequestButton = document.querySelector(
+    "#netmonitor-toolbar-container .devtools-http-custom-request-icon"
+  );
+  HTTPCustomRequestButton.click();
+  await waitForPanels;
+
+  is(
+    methodValue.value,
+    "POST",
+    "The content should still be there after the user close the panel and re-opened"
+  );
+
+  is(
+    url.value,
+    "https://www.example.com?My-param=",
+    "The url should still be there after the user close the panel and re-opened"
+  );
+
+  const [nameParam] = Array.from(
+    document.querySelectorAll(
+      "#http-custom-query .tabpanel-summary-container.http-custom-input textarea"
+    )
+  );
+  is(
+    nameParam.value,
+    "My-param",
+    "The Parameter name should still be there after the user close the panel and re-opened"
+  );
+
+  const [name, value] = Array.from(
+    document.querySelectorAll(
+      "#http-custom-headers .tabpanel-summary-container.http-custom-input textarea"
+    )
+  );
+  is(
+    name.value,
+    "My-header",
+    "The header name should still be there after the user close the panel and re-opened"
+  );
+  is(
+    value.value,
+    "my-value",
+    "The header value should still be there after the user close the panel and re-opened"
+  );
+
+  is(
+    postValue.value,
+    "{'Name': 'Value'}",
+    "The content should still be there after the user close the panel and re-opened"
+  );
+
+  await teardown(monitor);
+});