diff options
Diffstat (limited to 'testing/web-platform/tests/forced-colors-mode/forced-colors-mode-09.html')
-rw-r--r-- | testing/web-platform/tests/forced-colors-mode/forced-colors-mode-09.html | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/testing/web-platform/tests/forced-colors-mode/forced-colors-mode-09.html b/testing/web-platform/tests/forced-colors-mode/forced-colors-mode-09.html new file mode 100644 index 0000000000..16ca8a4610 --- /dev/null +++ b/testing/web-platform/tests/forced-colors-mode/forced-colors-mode-09.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title> + Forced colors mode - forced-colors media query. + Tests that styles defined inside or outside a forced-colors media query are + overridden in forced colors mode. +</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> + @media (forced-colors) { + p { + color: rgb(0, 0, 255); + } + } + p { + color: rgb(0, 0, 255); + } +</style> +<body> + <p id="p"> + This text should NOT be blue forced colors mode. + </p> +</body> + +<script> + test(function() { + assert_not_equals(getComputedStyle(p).color, "rgb(0, 0, 255)"); + }, "Checks that styles defined inside/outside forced-colors are overridden in forced colors mode."); +</script> |