1 files changed, 54 insertions, 0 deletions
diff --git a/devtools/client/application/test/browser/browser_application_panel_start-service-worker.js b/devtools/client/application/test/browser/browser_application_panel_start-service-worker.js
new file mode 100644
index 0000000000..1070f0f5af
--- /dev/null
+++ b/devtools/client/application/test/browser/browser_application_panel_start-service-worker.js
@@ -0,0 +1,54 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+const TAB_URL = URL_ROOT + "resources/service-workers/simple.html";
+
+/**
+ * Tests that the Start button works for service workers who can be debugged
+ */
+add_task(async function () {
+  await enableApplicationPanel(); // this also enables SW debugging
+
+  // Setting a low idle_timeout and idle_extended_timeout will allow the service worker
+  // to reach the STOPPED state quickly, which will allow us to test the start button.
+  // The default value is 30000 milliseconds.
+  info("Set a low service worker idle timeout");
+  await pushPref("dom.serviceWorkers.idle_timeout", 1000);
+  await pushPref("dom.serviceWorkers.idle_extended_timeout", 1000);
+
+  const { panel, tab, commands } = await openNewTabAndApplicationPanel(TAB_URL);
+  const doc = panel.panelWin.document;
+
+  selectPage(panel, "service-workers");
+
+  await waitForWorkerRegistration(tab);
+
+  info("Wait until the service worker appears in the application panel");
+  await waitUntil(() => getWorkerContainers(doc).length === 1);
+
+  info("Wait until the start button is displayed and enabled");
+  const container = getWorkerContainers(doc)[0];
+  await waitUntil(() => {
+    const button = container.querySelector(".js-start-button");
+    return button && !button.disabled;
+  });
+
+  info("Click the button and wait for the worker to start");
+  const button = container.querySelector(".js-start-button");
+  button.click();
+
+  info("Wait until status 'Running' is displayed");
+  await waitUntil(() => {
+    const statusEl = container.querySelector(".js-worker-status");
+    return statusEl && statusEl.textContent === "Running";
+  });
+  ok(true, "Worker status is 'Running'");
+
+  await unregisterAllWorkers(commands.client, doc);
+
+  // close the tab
+  info("Closing the tab.");
+  await BrowserTestUtils.removeTab(tab);
+});