summaryrefslogtreecommitdiffstats
path: root/devtools/client/styleeditor/test/browser_styleeditor_missing_stylesheet.js
blob: 97e6b78b49f6b021e529970f054550dee8e1bce9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
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"
  );
});