summaryrefslogtreecommitdiffstats
path: root/devtools/client/webconsole/test/browser/browser_webconsole_sourcemap_css.js
blob: 4407322c67e06be74051c6770c5b61135f7aa0cf (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
38
39
40
41
42
43
44
45
46
/* Any copyright is dedicated to the Public Domain.
 * http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test that a missing original source is reported.

const CSS_URL = URL_ROOT + "source-mapped.css";

const PAGE_URL = `data:text/html,
<!doctype html>

<html>
  <head>
    <meta charset="utf-8"/>
    <title>Empty test page to test source map and css</title>
  </head>

  <link href="${CSS_URL}" rel="stylesheet" type="text/css">
  <body>
    <div>
    There should be a source-mapped CSS warning in the console.
    </div>
  </body>

</html>`;

add_task(async function () {
  await pushPref("devtools.source-map.client-service.enabled", true);
  await pushPref("devtools.webconsole.filter.css", true);

  const hud = await openNewTabAndConsole(PAGE_URL);

  info("Waiting for css warning");
  const node = await waitFor(() => findWarningMessage(hud, "octopus"));
  ok(!!node, "css warning seen");

  info("Waiting for source map to be applied");
  const found = await waitFor(() => {
    const messageLocationNode = node.querySelector(".message-location");
    const url = messageLocationNode.getAttribute("data-url");
    return url.includes("scss");
  });

  ok(found, "css warning is source mapped in web console");
});