summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/document-metadata/the-meta-element/color-scheme/meta-color-scheme-normal-descendant-change.html
blob: 136f4c371b778836698fe4ee52c95a58193f5a4c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!doctype html>
<title>Change color-scheme meta tag affecting normal descendant</title>
<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#meta-color-scheme">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta id="meta" name="color-scheme" content="dark">
<div style="color-scheme: dark; color: CanvasText" id="dark">
  <div style="color-scheme: normal; color: CanvasText" id="normal"></div>
</div>
<script>
  test(() => {
    assert_equals(getComputedStyle(dark).color, getComputedStyle(normal).color);
  }, "Normal initially dark");

  meta.content = "light";

  test(() => {
    assert_not_equals(getComputedStyle(dark).color, getComputedStyle(normal).color);
  }, "Normal should change to light from page color schemes");
</script>