Blitz - WPT: prefers-contrast.html

wpt / css / mediaqueries / prefers-contrast.html

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

Subtest	Status	Message
Should be known: '(prefers-contrast)'	FAIL	not a callable function
Should be known: '(prefers-contrast: no-preference)'	FAIL	not a callable function
Should be known: '(prefers-contrast: more)'	FAIL	not a callable function
Should be known: '(prefers-contrast: less)'	FAIL	not a callable function
Should be known: '(prefers-contrast: custom)'	FAIL	not a callable function
Should be parseable: '(prefers-contrast: increase)'	FAIL	not a callable function
Should be unknown: '(prefers-contrast: increase)'	FAIL	not a callable function
Should be parseable: '(prefers-contrast: none)'	FAIL	not a callable function
Should be unknown: '(prefers-contrast: none)'	FAIL	not a callable function
Should be parseable: '(prefers-contrast: forced high)'	FAIL	not a callable function
Should be unknown: '(prefers-contrast: forced high)'	FAIL	not a callable function
Should be parseable: '(prefers-contrast: forced low)'	FAIL	not a callable function
Should be unknown: '(prefers-contrast: forced low)'	FAIL	not a callable function
Should be parseable: '(prefers-contrast > increase)'	FAIL	not a callable function
Should be unknown: '(prefers-contrast > increase)'	FAIL	not a callable function
Should be parseable: '(prefers-increased-contrast)'	FAIL	not a callable function
Should be unknown: '(prefers-increased-contrast)'	FAIL	not a callable function
Should be parseable: '(prefers-decreased-contrast)'	FAIL	not a callable function
Should be unknown: '(prefers-decreased-contrast)'	FAIL	not a callable function
Should be parseable: '(prefers-contrast: high)'	FAIL	not a callable function
Should be unknown: '(prefers-contrast: high)'	FAIL	not a callable function
Should be parseable: '(prefers-contrast: low)'	FAIL	not a callable function
Should be unknown: '(prefers-contrast: low)'	FAIL	not a callable function
Should be parseable: '(prefers-contrast: forced)'	FAIL	not a callable function
Should be unknown: '(prefers-contrast: forced)'	FAIL	not a callable function
Check boolean context evaluation.	FAIL	not a callable function

Enable JavaScript in test iframe

/css/mediaqueries/prefers-contrast.html

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/mediaqueries-5/#prefers-contrast" />
<script type="text/javascript" src="/resources/testharness.js"></script>
<script type="text/javascript" src="/resources/testharnessreport.js"></script>

<script type="text/javascript" src="resources/matchmedia-utils.js"></script>
<script>
query_should_be_known("(prefers-contrast)");
query_should_be_known("(prefers-contrast: no-preference)");
query_should_be_known("(prefers-contrast: more)");
query_should_be_known("(prefers-contrast: less)");
query_should_be_known("(prefers-contrast: custom)");

query_should_be_unknown("(prefers-contrast: increase)");
query_should_be_unknown("(prefers-contrast: none)");
query_should_be_unknown("(prefers-contrast: forced high)");
query_should_be_unknown("(prefers-contrast: forced low)");
query_should_be_unknown("(prefers-contrast > increase)");
query_should_be_unknown("(prefers-increased-contrast)");
query_should_be_unknown("(prefers-decreased-contrast)");
query_should_be_unknown("(prefers-contrast: high)");
query_should_be_unknown("(prefers-contrast: low)");
query_should_be_unknown("(prefers-contrast: forced)");

test(() => {
  // no-preference is the default and all other values evaluate to
  // true in the boolean context. If no-preference matches, then
  // boolean context should be false. If no-preference does not match
  // then boolean context should be true. Therefore, these two values
  // should always be each others inverse irrespective of OS level
  // settings.
  let booleanContext = window.matchMedia("(prefers-contrast)");
  let noPref = window.matchMedia("(prefers-contrast: no-preference)");
  assert_equals(noPref.matches, !booleanContext.matches);
}, "Check boolean context evaluation.");
</script>