1 files changed, 69 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/test/browser_net_column_slow-request-indicator.js b/devtools/client/netmonitor/test/browser_net_column_slow-request-indicator.js
new file mode 100644
index 0000000000..368873c3c6
--- /dev/null
+++ b/devtools/client/netmonitor/test/browser_net_column_slow-request-indicator.js
@@ -0,0 +1,69 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+/**
+ * Tests that the slow request indicator is visible for slow requests.
+ */
+
+add_task(async function () {
+  // The script sjs_slow-script-server.sjs takes about 2s which is
+  // definately above the slow threshold set here.
+  const SLOW_THRESHOLD = 450;
+
+  Services.prefs.setIntPref("devtools.netmonitor.audits.slow", SLOW_THRESHOLD);
+
+  const { monitor } = await initNetMonitor(SLOW_REQUESTS_URL, {
+    requestCount: 2,
+  });
+  info("Starting test... ");
+
+  const { document, store, windowRequire } = monitor.panelWin;
+  const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
+  store.dispatch(Actions.batchEnable(false));
+
+  const wait = waitForNetworkEvents(monitor, 2);
+  await reloadBrowser();
+  await wait;
+
+  const requestList = document.querySelectorAll(
+    ".network-monitor .request-list-item"
+  );
+
+  info("Checking the html document request");
+  is(
+    requestList[0].querySelector(".requests-list-file div:first-child")
+      .textContent,
+    "html_slow-requests-test-page.html",
+    "The html document is the first request"
+  );
+  is(
+    !!requestList[0].querySelector(".requests-list-slow-button"),
+    false,
+    "The request is not slow"
+  );
+
+  info("Checking the slow script request");
+  is(
+    requestList[1].querySelector(".requests-list-file div:first-child")
+      .textContent,
+    "sjs_slow-script-server.sjs",
+    "The slow test script is the second request"
+  );
+  is(
+    !!requestList[1].querySelector(".requests-list-slow-button"),
+    true,
+    "The request is slow"
+  );
+
+  is(
+    requestList[1]
+      .querySelector(".requests-list-slow-button")
+      .title.includes(`The recommended limit is ${SLOW_THRESHOLD} ms.`),
+    true,
+    "The tooltip text is correct"
+  );
+
+  return teardown(monitor);
+});