css/css-properties-values-api

edit

WPT coverage of the tests of css/css-properties-values-api at the revision 5602b0f210e3. The tests link to their results in the browsers on wpt.fyi. The tentative tests (experimental features) and the reftests are listed separately from the stable tests.

GroupPassingTestsDisabledPass rate
Stable99105094%
Tentative36050%
Reftests770100%
All109118092%

Failure reasons

The tests that do not pass (failing or disabled), by kind of reason. A test with several reasons counts once per kind.

  • BUG: 1
  • TEST BUG: 5
  • NOT IMPLEMENTED: 4

Stable tests

TestResultSubtestsKindDescription
animate-invalid.htmlPass1 / 1
animation/custom-property-animation-angle-comma-list.htmlPass6 / 6
animation/custom-property-animation-angle-space-list.htmlPass6 / 6
animation/custom-property-animation-angle.htmlPass5 / 5
animation/custom-property-animation-color-comma-list.htmlPass6 / 6
animation/custom-property-animation-color-space-list.htmlPass6 / 6
animation/custom-property-animation-color.htmlPass6 / 6
animation/custom-property-animation-custom-ident.htmlPass3 / 3
animation/custom-property-animation-image.htmlPass3 / 3
animation/custom-property-animation-inherited-used-by-standard-property.htmlPass1 / 1
animation/custom-property-animation-integer-comma-list.htmlPass6 / 6
animation/custom-property-animation-integer-space-list.htmlPass6 / 6
animation/custom-property-animation-integer.htmlPass5 / 5
animation/custom-property-animation-length-comma-list.htmlPass6 / 6
animation/custom-property-animation-length-percentage-comma-list.htmlFail5 / 6TEST BUGthe expected value omits the accumulation of the second item: at the middle of the third iteration of 50% to 100px with iterationComposite: accumulate, the value is the interpolated calc(25% + 50px) plus twice the final value 100px (https://drafts.csswg.org/web-animations-1/#effect-accumulation-section), calc(25% + 250px); the first item and the other list tests of the directory (e.g. <length>#: 50px to 100px gives 275px) do accumulate it
animation/custom-property-animation-length-percentage-space-list.htmlFail5 / 6TEST BUGthe expected value omits the accumulation of the second item: at the middle of the third iteration of 50% to 100px with iterationComposite: accumulate, the value is the interpolated calc(25% + 50px) plus twice the final value 100px (https://drafts.csswg.org/web-animations-1/#effect-accumulation-section), calc(25% + 250px); the first item and the other list tests of the directory (e.g. <length>#: 50px to 100px gives 275px) do accumulate it
animation/custom-property-animation-length-percentage.htmlPass5 / 5
animation/custom-property-animation-length-space-list.htmlPass6 / 6
animation/custom-property-animation-length.htmlPass5 / 5
animation/custom-property-animation-list-type-mismatch.htmlPass7 / 7
animation/custom-property-animation-non-inherited-used-by-standard-property.htmlPass1 / 1
animation/custom-property-animation-number-comma-list.htmlPass6 / 6
animation/custom-property-animation-number-space-list.htmlPass6 / 6
animation/custom-property-animation-number.htmlPass5 / 5
animation/custom-property-animation-percentage-comma-list.htmlPass6 / 6
animation/custom-property-animation-percentage-space-list.htmlPass6 / 6
animation/custom-property-animation-percentage.htmlPass5 / 5
animation/custom-property-animation-resolution-comma-list.htmlPass6 / 6
animation/custom-property-animation-resolution-space-list.htmlPass6 / 6
animation/custom-property-animation-resolution.htmlPass5 / 5
animation/custom-property-animation-time-comma-list.htmlPass6 / 6
animation/custom-property-animation-time-space-list.htmlPass6 / 6
animation/custom-property-animation-time.htmlPass5 / 5
animation/custom-property-animation-transform-function.htmlPass5 / 5
animation/custom-property-animation-transform-list-multiple-values.htmlPass11 / 11
animation/custom-property-animation-transform-list-single-values.htmlPass5 / 5
animation/custom-property-animation-url.htmlPass3 / 3
animation/custom-property-animation-used-in-shorthand.htmlPass1 / 1
animation/custom-property-animation-with-zoom.htmlPass3 / 3
animation/custom-property-transition-angle.htmlPass1 / 1
animation/custom-property-transition-color.htmlPass1 / 1
animation/custom-property-transition-custom-ident.htmlPass1 / 1
animation/custom-property-transition-image.htmlPass1 / 1
animation/custom-property-transition-inherited-used-by-standard-property.htmlPass1 / 1
animation/custom-property-transition-integer.htmlPass1 / 1
animation/custom-property-transition-length-percentage.htmlPass1 / 1
animation/custom-property-transition-length.htmlPass2 / 2
animation/custom-property-transition-mismatched-inherited-property-numbers.htmlPass1 / 1
animation/custom-property-transition-mismatched-list.htmlPass24 / 24
animation/custom-property-transition-mismatched-property-numbers.htmlPass1 / 1
animation/custom-property-transition-non-inherited-used-by-standard-property.htmlPass1 / 1
animation/custom-property-transition-number-percentage.htmlPass1 / 1
animation/custom-property-transition-number.htmlPass2 / 2
animation/custom-property-transition-percentage.htmlPass1 / 1
animation/custom-property-transition-property-all.htmlPass1 / 1
animation/custom-property-transition-resolution.htmlPass1 / 1
animation/custom-property-transition-time.htmlPass1 / 1
animation/custom-property-transition-transform-function-matrix.htmlFail0 / 1NOT IMPLEMENTEDthe interpolation of the <transform-function> and <transform-list> registered custom properties with a matrix fallback (mix())
animation/custom-property-transition-transform-function-to-list.htmlPass1 / 1
animation/custom-property-transition-transform-function.htmlPass1 / 1
animation/custom-property-transition-transform-list-matrix.htmlPass1 / 1
animation/custom-property-transition-transform-list.htmlPass1 / 1
animation/custom-property-transition-url.htmlPass1 / 1
animation/registered-neutral-keyframe.htmlPass1 / 1
animation/registered-var-to-registered-animating.htmlPass1 / 1
at-property-animation.htmlFail18 / 19NOT IMPLEMENTEDa change of the initial value of a @property rule does not start a transition
at-property-cssom.htmlPass40 / 40
at-property-optional-initial-value.htmlPass1 / 1
at-property-shadow.htmlPass1 / 1
at-property-stylesheets.htmlPass5 / 5
at-property-typedom.htmlPass2 / 2
at-property-viewport-units-dynamic.htmlPass1 / 1
at-property-viewport-units.htmlPass24 / 24
at-property.htmlPass106 / 106
conditional-rules.htmlPass3 / 3
custom-property-explicit-inherit-invalidation.htmlPass2 / 2
determine-registration.htmlPass15 / 15
font-size-animation.htmlPass1 / 1
get-computed-style-enumeration.htmlPass5 / 5
idlharness.htmlPass16 / 16
initial-value-unit-arithmetic.htmlPass1 / 1
invalid-at-computed-value-time.htmlPass5 / 5
non-computed-unit-cycles.htmlPass8 / 8
property-cascade.htmlPass2 / 2
register-property-sign-mixed-lengths.htmlPass6 / 6
register-property-syntax-parsing.htmlPass246 / 246
register-property.htmlFail5 / 6TEST BUGthe test expects CSS.registerProperty() to throw a TypeError without the inherits member, which has a default value in the IDL of the specification (boolean inherits = true, https://drafts.css-houdini.org/css-properties-values-api-1/#dictdef-propertydefinition); the browsers still require it
registered-properties-inheritance.htmlPass8 / 8
registered-property-change-style-001.htmlPass2 / 2
registered-property-computation.htmlPass75 / 75
registered-property-crosstalk.htmlPass1 / 1
registered-property-cssom.htmlPass8 / 8
registered-property-dependency-through-fallback.htmlPass2 / 2
registered-property-ident-function.htmlPass1 / 1
registered-property-initial.htmlPass29 / 29
registered-property-revert.htmlPass4 / 4
resolved-color-value.htmlPass1 / 1
self-utils.htmlPass3 / 3
typedom.htmlPass325 / 325
unit-cycles.htmlPass27 / 27
url-resolution.htmlPass18 / 18
var-reference-registered-properties-002.htmlPass1 / 1
var-reference-registered-properties-cycles.htmlPass5 / 5
var-reference-registered-properties.htmlFail15 / 16TEST BUGa registered <length> property declared with red is invalid at computed-value time, so its computed value is its registered initial value ("the property becomes invalid at computed-value time (and thus resets to the registered initial value)", https://drafts.css-houdini.org/css-properties-values-api/#the-registerproperty-function; css-variables-2: registered custom properties act like non-custom properties when they are invalid at computed-value time), and var() substitutes the computed value of a registered property (https://drafts.css-houdini.org/css-properties-values-api/#substitution): 0px, not the empty string the test expects
var-reference-unit-cycles.htmlPass2 / 2

Tentative tests

TestResultSubtestsKindDescription
animation/custom-property-animation-transform-none.tentative.htmlPass2 / 2
animation/custom-property-transition-transform-function-box-size.tentative.htmlFail0 / 1NOT IMPLEMENTEDthe interpolation of the <transform-function> and <transform-list> registered custom properties with a matrix fallback (mix())
animation/custom-property-transition-transform-function-none.tentative.htmlPass1 / 1
animation/custom-property-transition-transform-list-box-size.tentative.htmlFail0 / 1NOT IMPLEMENTEDthe interpolation of the <transform-function> and <transform-list> registered custom properties with a matrix fallback (mix())
animation/custom-property-transition-transform-list-none.tentative.htmlPass1 / 1
font-property-unit-cycles.tentative.htmlFail58 / 95BUG, TEST BUGfont-relative units in calc() in the font properties resolve against the element's own font instead of the parent's (csswg-drafts#8169), and registered <length> values give 0 in font-size; the <integer> registered custom properties with ex and cap are rounded but compared with the unrounded length (0.1 tolerance): they pass only when the x-height and the cap height of the default font are whole numbers of px

Reftests

TestResultVariantsKindDescription
registered-property-change-style-002.htmlPass1 / 1
registered-property-computation-color-001.htmlPass1 / 1
registered-property-computation-color-002.htmlPass1 / 1
registered-property-computation-color-003.htmlPass1 / 1
registered-property-computation-color-004.htmlPass1 / 1
registered-property-computation-color-005.htmlPass1 / 1
registered-property-computation-color-006.htmlPass1 / 1