summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/forced-colors-mode/forced-colors-mode-27.html
blob: 5a42f947adcac841cc00be7a233ea2fbd94828c8 (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
<!DOCTYPE html>
<meta charset="utf-8">
<title>Forced colors mode - html/head elements.
  Tests that the color properties are overridden for html/head elements and not
  just for the body.
</title>
<link rel="help" href="https://www.w3.org/TR/css-color-adjust-1/#forced-colors-properties">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
  html {
    color: red;
  }
  head {
    color: blue;
  }
  div {
    color: CanvasText;
    forced-color-adjust: none;
  }
</style>
<div>
  The color properties for the head and html elements should get updated in
  Forced Colors Mode.
</div>
<script>
  var div_color = getComputedStyle(document.querySelector('div')).color;
  var html_color = getComputedStyle(document.querySelector('html')).color;
  var head_color = getComputedStyle(document.querySelector('head')).color;

  test(function(){
    assert_equals(html_color, div_color);
    assert_equals(head_color, div_color);
  }, "Checks that html/head color is overridden to CanvasText.");
</script>