1 files changed, 31 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/test/browser_net_error-boundary-01.js b/devtools/client/netmonitor/test/browser_net_error-boundary-01.js
new file mode 100644
index 0000000000..cb27428d3f
--- /dev/null
+++ b/devtools/client/netmonitor/test/browser_net_error-boundary-01.js
@@ -0,0 +1,31 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+"use strict";
+
+/**
+ * Test that top-level net monitor error boundary catches child errors.
+ */
+add_task(async function () {
+  const { monitor } = await initNetMonitor(SIMPLE_URL, {
+    requestCount: 1,
+  });
+
+  const { store, windowRequire, document } = monitor.panelWin;
+  const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
+
+  store.dispatch(Actions.batchEnable(false));
+
+  // Intentionally damage the store to cause a child component error
+  const state = store.getState();
+  state.ui.columns = null;
+
+  await reloadBrowser();
+
+  // Wait for the panel to fall back to the error UI
+  const errorPanel = await waitUntil(() =>
+    document.querySelector(".app-error-panel")
+  );
+
+  is(errorPanel, !undefined);
+  return teardown(monitor);
+});