1 files changed, 38 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/test/browser_net_security-error.js b/devtools/client/netmonitor/test/browser_net_security-error.js
new file mode 100644
index 0000000000..19959d7671
--- /dev/null
+++ b/devtools/client/netmonitor/test/browser_net_security-error.js
@@ -0,0 +1,38 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+/**
+ * Test that Security details tab shows an error message with broken connections.
+ */
+
+add_task(async function () {
+  const { tab, monitor } = await initNetMonitor(CUSTOM_GET_URL, {
+    requestCount: 1,
+  });
+  const { document, store, windowRequire } = monitor.panelWin;
+  const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
+
+  store.dispatch(Actions.batchEnable(false));
+
+  info("Requesting a resource that has a certificate problem.");
+
+  const requestsDone = waitForNetworkEvents(monitor, 1);
+  await SpecialPowers.spawn(tab.linkedBrowser, [], async function () {
+    content.wrappedJSObject.performRequests(1, "https://nocert.example.com");
+  });
+  await requestsDone;
+
+  const securityInfoLoaded = waitForDOM(document, ".security-info-value");
+  store.dispatch(Actions.toggleNetworkDetails());
+
+  await waitUntil(() => document.querySelector("#security-tab"));
+  clickOnSidebarTab(document, "security");
+  await securityInfoLoaded;
+
+  const errormsg = document.querySelector(".security-info-value");
+  isnot(errormsg.textContent, "", "Error message is not empty.");
+
+  return teardown(monitor);
+});