1 files changed, 60 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/test/browser_net_status-bar.js b/devtools/client/netmonitor/test/browser_net_status-bar.js
new file mode 100644
index 0000000000..3ca8ac2da6
--- /dev/null
+++ b/devtools/client/netmonitor/test/browser_net_status-bar.js
@@ -0,0 +1,60 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+/**
+ * Test whether the StatusBar properly renders expected labels.
+ */
+add_task(async () => {
+  const { monitor } = await initNetMonitor(SIMPLE_URL, {
+    requestCount: 1,
+  });
+  info("Starting test... ");
+
+  const { document, store, windowRequire } = monitor.panelWin;
+  const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
+
+  store.dispatch(Actions.batchEnable(false));
+
+  await SpecialPowers.pushPrefEnv({
+    set: [["privacy.reduceTimerPrecision", false]],
+  });
+
+  const requestsDone = waitForNetworkEvents(monitor, 1);
+  const markersDone = waitForTimelineMarkers(monitor);
+  await reloadBrowser();
+  await Promise.all([requestsDone, markersDone]);
+
+  const statusBar = document.querySelector(".devtools-toolbar-bottom");
+  const requestCount = statusBar.querySelector(
+    ".requests-list-network-summary-count"
+  );
+  const size = statusBar.querySelector(
+    ".requests-list-network-summary-transfer"
+  );
+  const onContentLoad = statusBar.querySelector(".dom-content-loaded");
+  const onLoad = statusBar.querySelector(".load");
+
+  // All expected labels should be there
+  ok(requestCount, "There must be request count label");
+  ok(size, "There must be size label");
+  ok(onContentLoad, "There must be DOMContentLoaded label");
+  ok(onLoad, "There must be load label");
+
+  // The content should not be empty. The UI update can also be async,
+  // so use waitUntil.
+  await waitUntil(() => requestCount.textContent);
+  ok(true, "There must be request count label text");
+
+  await waitUntil(() => size.textContent);
+  ok(true, "There must be size label text");
+
+  await waitUntil(() => onContentLoad.textContent);
+  ok(true, "There must be DOMContentLoaded label text");
+
+  await waitUntil(() => onLoad.textContent);
+  ok(true, "There must be load label text");
+
+  return teardown(monitor);
+});