1 files changed, 53 insertions, 0 deletions
diff --git a/devtools/client/aboutdebugging/test/browser/browser_aboutdebugging_devtoolstoolbox_navigate_reload_button.js b/devtools/client/aboutdebugging/test/browser/browser_aboutdebugging_devtoolstoolbox_navigate_reload_button.js
new file mode 100644
index 0000000000..fbd46101a2
--- /dev/null
+++ b/devtools/client/aboutdebugging/test/browser/browser_aboutdebugging_devtoolstoolbox_navigate_reload_button.js
@@ -0,0 +1,53 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+function clickReload(devtoolsDocument) {
+  devtoolsDocument.querySelector(".qa-reload-button").click();
+}
+
+// Test that ensures the remote page is reloaded when the button is clicked
+add_task(async function () {
+  const debug_tab = await addTab("about:home");
+
+  const { document, tab, window } = await openAboutDebugging();
+
+  // go to This Firefox and inspect the new tab
+  info("Inspecting a new tab in This Firefox");
+  await selectThisFirefoxPage(document, window.AboutDebugging.store);
+  const { devtoolsDocument, devtoolsTab, devtoolsWindow } =
+    await openAboutDevtoolsToolbox(document, tab, window, "about:home");
+
+  info("Clicking reload button and waiting for requests to complete");
+  const toolbox = getToolbox(devtoolsWindow);
+  const { onDomCompleteResource } =
+    await waitForNextTopLevelDomCompleteResource(toolbox.commands);
+
+  // Watch for navigation promises.
+  const refreshes = Promise.all([
+    onDomCompleteResource,
+    toolbox.commands.client.waitForRequestsToSettle(),
+    waitForAboutDebuggingRequests(window.AboutDebugging.store),
+  ]);
+
+  // We cannot include this one in the Promise.all array, as it needs to be
+  // explicitly called after navigation started.
+  const waitForLoadedPanelsReload = await watchForLoadedPanelsReload(toolbox);
+
+  clickReload(devtoolsDocument);
+  await refreshes;
+  await waitForLoadedPanelsReload();
+
+  ok(true, "Clicked refresh; both page and devtools reloaded");
+
+  await closeAboutDevtoolsToolbox(document, devtoolsTab, window);
+
+  info("Remove the debugged tab");
+  await removeTab(debug_tab);
+  await waitUntil(() => !findDebugTargetByText("about:home", document));
+  await waitForAboutDebuggingRequests(window.AboutDebugging.store);
+
+  info("Remove the about:debugging tab.");
+  await removeTab(tab);
+});