summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/rules/test/browser_rules_invalid-source-map.js
blob: 0e99d11789816bb3990f527f40ddfbd5add3e7dd (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
/* Any copyright is dedicated to the Public Domain.
 http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test that when a source map is missing/invalid, the rule view still loads
// correctly.

const TESTCASE_URI = URL_ROOT + "doc_invalid_sourcemap.html";
const PREF = "devtools.source-map.client-service.enabled";
const CSS_LOC = "doc_invalid_sourcemap.css:1";

add_task(async function () {
  Services.prefs.setBoolPref(PREF, true);

  await addTab(TESTCASE_URI);
  const { inspector, view } = await openRuleView();

  await selectNode("div", inspector);

  const ruleEl = getRuleViewRule(view, "div");
  ok(ruleEl, "The 'div' rule exists in the rule-view");

  const prop = getRuleViewProperty(view, "div", "color");
  ok(prop, "The 'color' property exists in this rule");

  const value = getRuleViewPropertyValue(view, "div", "color");
  is(value, "gold", "The 'color' property has the right value");

  await verifyLinkText(view, CSS_LOC);

  Services.prefs.clearUserPref(PREF);
});

function verifyLinkText(view, text) {
  info("Verifying that the rule-view stylesheet link is " + text);
  const label = getRuleViewLinkByIndex(view, 1).querySelector(
    ".ruleview-rule-source-label"
  );
  return waitForSuccess(
    () => label.textContent == text,
    "Link text changed to display correct location: " + text
  );
}