wpt / css / css-masking / inheritance.sub.html

Status: FAIL | Duration: 79ms | Subtests: 21/36 | Open test on wpt.live | wpt.fyi

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

SubtestStatusMessage
Property clip has initial value autoPASS
Property clip does not inheritPASS
Property clip-path has initial value nonePASS
Property clip-path does not inheritPASS
Property clip-rule has initial value nonzeroFAILassert_true: clip-rule doesn't seem to be supported in the computed style expected true got false
Property clip-rule inheritsFAILassert_true: clip-rule doesn't seem to be supported in the computed style expected true got false
Property mask-border-mode has initial value alphaFAILassert_true: mask-border-mode doesn't seem to be supported in the computed style expected true got false
Property mask-border-mode does not inheritFAILassert_true: expected true got false
Property mask-border-outset has initial value 0FAILassert_true: mask-border-outset doesn't seem to be supported in the computed style expected true got false
Property mask-border-outset does not inheritFAILassert_true: expected true got false
Property mask-border-repeat has initial value stretchFAILassert_true: mask-border-repeat doesn't seem to be supported in the computed style expected true got false
Property mask-border-repeat does not inheritFAILassert_true: expected true got false
Property mask-border-slice has initial value 0FAILassert_true: mask-border-slice doesn't seem to be supported in the computed style expected true got false
Property mask-border-slice does not inheritFAILassert_true: expected true got false
Property mask-border-source has initial value noneFAILassert_true: mask-border-source doesn't seem to be supported in the computed style expected true got false
Property mask-border-source does not inheritFAILassert_true: expected true got false
Property mask-border-width has initial value autoFAILassert_true: mask-border-width doesn't seem to be supported in the computed style expected true got false
Property mask-border-width does not inheritFAILassert_true: expected true got false
Property mask-clip has initial value border-boxPASS
Property mask-clip does not inheritFAILassert_equals: expected "no-clip" but got "border-box"
Property mask-composite has initial value addPASS
Property mask-composite does not inheritPASS
Property mask-image has initial value nonePASS
Property mask-image does not inheritPASS
Property mask-mode has initial value match-sourcePASS
Property mask-mode does not inheritPASS
Property mask-origin has initial value border-boxPASS
Property mask-origin does not inheritPASS
Property mask-position has initial value 0% 0%PASS
Property mask-position does not inheritPASS
Property mask-repeat has initial value repeatPASS
Property mask-repeat does not inheritPASS
Property mask-size has initial value autoPASS
Property mask-size does not inheritPASS
Property mask-type has initial value luminancePASS
Property mask-type does not inheritPASS

/css/css-masking/inheritance.sub.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Inheritance of CSS Masking properties</title>
<link rel="help" href="https://drafts.fxtf.org/css-masking-1/#property-index">
<meta name="assert" content="Properties inherit or not according to the spec.">
<meta name="assert" content="Properties have initial values according to the spec.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/inheritance-testcommon.js"></script>
</head>
<body>
<div id="container">
<div id="target"></div>
</div>
<script>
assert_not_inherited('clip', 'auto', 'rect(10px, 20px, 30px, 40px)');
assert_not_inherited('clip-path', 'none', 'url("http://{{host}}/")');
assert_inherited('clip-rule', 'nonzero', 'evenodd');
assert_not_inherited('mask-border-mode', 'alpha', 'luminance');
assert_not_inherited('mask-border-outset', '0', '10px 20px 30px 40px');
assert_not_inherited('mask-border-repeat', 'stretch', 'round space');
assert_not_inherited('mask-border-slice', '0', '1 2 3 4 fill');
assert_not_inherited('mask-border-source', 'none', 'url("http://{{host}}/")');
assert_not_inherited('mask-border-width', 'auto', '10px 20px 30px 40px');
assert_not_inherited('mask-clip', 'border-box', 'no-clip');
assert_not_inherited('mask-composite', 'add', 'exclude');
assert_not_inherited('mask-image', 'none', 'url("http://{{host}}/")');
assert_not_inherited('mask-mode', 'match-source', 'luminance');
assert_not_inherited('mask-origin', 'border-box', 'padding-box');
assert_not_inherited('mask-position', '0% 0%', '10px 20px');
assert_not_inherited('mask-repeat', 'repeat', 'space round');
assert_not_inherited('mask-size', 'auto', '10px 20px');
assert_not_inherited('mask-type', 'luminance', 'alpha');
</script>
</body>
</html>