1 files changed, 50 insertions, 0 deletions
diff --git a/devtools/client/webconsole/test/browser/browser_webconsole_csp_too_many_reports.js b/devtools/client/webconsole/test/browser/browser_webconsole_csp_too_many_reports.js
new file mode 100644
index 0000000000..41e98a2a42
--- /dev/null
+++ b/devtools/client/webconsole/test/browser/browser_webconsole_csp_too_many_reports.js
@@ -0,0 +1,50 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/publicdomain/zero/1.0/ */
+
+/*
+ * This tests loads a page that triggers so many CSP reports that they throttled
+ * and a console error is logged.
+ */
+
+"use strict";
+
+const TEST_URI =
+  "data:text/html;charset=utf8,<!DOCTYPE html>Web Console CSP too many reports test";
+const TEST_VIOLATIONS =
+  "https://example.com/browser/devtools/client/webconsole/" +
+  "test/browser/test-csp-many-errors.html";
+const CSP_VIOLATION_MSG =
+  "Content-Security-Policy: The page\u2019s settings blocked the loading of a resource " +
+  "at inline (\u201cstyle-src\u201d).";
+const CSP_TOO_MANY_REPORTS_MSG =
+  "Content-Security-Policy: Prevented too many CSP reports from being sent within a short period of time.";
+
+add_task(async function () {
+  // Reduce the limit to reduce the log spam.
+  await SpecialPowers.pushPrefEnv({
+    set: [["security.csp.reporting.limit.count", 10]],
+  });
+
+  const hud = await openNewTabAndConsole(TEST_URI);
+
+  const onCspViolationMessage = waitForMessageByType(
+    hud,
+    CSP_VIOLATION_MSG,
+    ".error"
+  ).then(() => info("Got violation message."));
+
+  const onCspTooManyReportsMessage = waitForMessageByType(
+    hud,
+    CSP_TOO_MANY_REPORTS_MSG,
+    ".error"
+  ).then(() => info("Got too many reports message."));
+
+  info("Load a page with CSP warnings.");
+  await navigateTo(TEST_VIOLATIONS);
+
+  info("Waiting for console messages.");
+  await Promise.all([onCspViolationMessage, onCspTooManyReportsMessage]);
+  ok(true, "Got error about too many reports");
+
+  await clearOutput(hud);
+});