devtools/client/inspector/rules/test/browser_rules_variables_03-case-sensitive.js


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

/* Any copyright is dedicated to the Public Domain.
 http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test that inherited CSS variables are case senstive.

const TEST_URI = URL_ROOT + "doc_variables_3.html";

add_task(async function () {
  await addTab(TEST_URI);
  const { inspector, view } = await openRuleView();
  await selectNode("#target", inspector);

  const upperCaseVarEl = getRuleViewProperty(
    view,
    "div",
    "color"
  ).valueSpan.querySelector(".ruleview-variable");
  const lowerCaseVarEl = getRuleViewProperty(
    view,
    "div",
    "background"
  ).valueSpan.querySelector(".ruleview-variable");

  is(upperCaseVarEl.textContent, "--COLOR", "upper case variable is matched");
  is(
    lowerCaseVarEl.textContent,
    "--background",
    "lower case variable is matched"
  );
});