Adding upstream version 124.0.1.upstream/124.0.1

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

1 files changed, 37 insertions, 0 deletions

diff --git a/devtools/client/styleeditor/test/browser_styleeditor_missing_stylesheet.js b/devtools/client/styleeditor/test/browser_styleeditor_missing_stylesheet.js
new file mode 100644
index 0000000000..97e6b78b49
--- /dev/null
+++ b/devtools/client/styleeditor/test/browser_styleeditor_missing_stylesheet.js
@@ -0,0 +1,37 @@
+"use strict";
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+// Checks that the style editor manages to finalize its stylesheet loading phase
+// even if one stylesheet is missing, and that an error message is displayed.
+
+const TESTCASE_URI = TEST_BASE + "missing.html";
+
+add_task(async function () {
+  const { ui, toolbox, panel } = await openStyleEditorForURL(TESTCASE_URI);
+
+  // Note that we're not testing for a specific number of stylesheet editors
+  // below because the test-page is loaded with chrome:// URL and, right now,
+  // that means UA stylesheets are shown. So we avoid hardcoding the number of
+  // stylesheets here.
+  await waitUntil(() => ui.editors.length);
+  ok(true, "The UI contains style sheets.");
+
+  const rootEl = panel.panelWindow.document.getElementById(
+    "style-editor-chrome"
+  );
+  ok(!rootEl.classList.contains("loading"), "The loading indicator is hidden");
+
+  const notifBox = toolbox.getNotificationBox();
+  await waitUntil(() => notifBox.getCurrentNotification());
+  const notif = notifBox.getCurrentNotification();
+  ok(notif, "The notification box contains a message");
+  ok(
+    notif.label.includes("Style sheet could not be loaded"),
+    "The error message is the correct one"
+  );
+  ok(
+    notif.label.includes("missing-stylesheet.css"),
+    "The error message contains the missing stylesheet's URL"
+  );
+});