css/css-animations

edit

WPT coverage of the tests of css/css-animations 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.

Group	Passing	Tests	Pass rate
Stable	95	98	97%
Tentative	28	29	97%
Reftests	36	36	100%
All	159	163	98%

Failure reasons

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

NOT IMPLEMENTED: 4

Stable tests

Test	Result	Subtests	Kind	Description
`animate-with-background-color-oklch-002.html`	Pass	2 / 2
`animate-with-color-mix-2.html`	Pass	1 / 1
`animate-with-color-mix.html`	Pass	6 / 6
`animate-with-relative-color.html`	Pass	2 / 2
`animation-base-response-001.html`	Pass	3 / 3
`animation-base-response-002.html`	Pass	1 / 1
`animation-base-response-003.html`	Pass	1 / 1
`animation-base-response-004.html`	Pass	1 / 1
`animation-before-initial-box-construction-001.html`	Pass	1 / 1
`animation-change-underlying-value-changed-in-flight.html`	Pass	2 / 2
`animation-composition-keyframes.html`	Pass	6 / 6
`animation-composition.html`	Pass	6 / 6
`animation-css-variable-dependent-property.html`	Pass	1 / 1
`animation-css-variable-in-keyframe-adjusted.html`	Pass	2 / 2
`animation-important-001.html`	Pass	7 / 7
`animation-important-with-transition.html`	Pass	5 / 5
`animation-iteration-count-009.html`	Pass	4 / 4
`animation-iteration-count-010.html`	Pass	6 / 6
`animation-iteration-count-calc.html`	Pass	1 / 1
`animation-iteration-event-001.html`	Pass	1 / 1
`animation-iteration-event-002.html`	Pass	1 / 1
`animation-multiple-from-to-keyframes-with-only-timing-function.html`	Pass	1 / 1
`animation-name-case-sensitive.html`	Pass	1 / 1
`animation-name-inline-style.html`	Pass	1 / 1
`animation-restarted-after-changing-iteration-count-after-completion.html`	Pass	1 / 1
`animation-style-element-replaced-with-keyframes-rule-of-same-name.html`	Pass	1 / 1
`animationevent-interface.html`	Pass	42 / 42
`animationevent-marker-pseudoelement.html`	Pass	1 / 1
`animationevent-pseudoelement.html`	Pass	1 / 1
`animationevent-types.html`	Pass	3 / 3
`cancel-events-on-remove.html`	Pass	5 / 5
`computed-style-animation-parsing.html`	Pass	7 / 7
`dialog-animation.html`	Pass	1 / 1
`dialog-backdrop-animation.html`	Fail	0 / 1	NOT IMPLEMENTED	the animations of `::backdrop` (only `::before`, `::after` and `::marker` have CSS animations and transitions)
`display-contents-animates.html`	Pass	1 / 1
`display-interpolation.html`	Pass	138 / 138
`display-none-prevents-starting-in-subtree.html`	Pass	1 / 1
`empty-pseudo-class-with-animation.html`	Pass	1 / 1
`historical.html`	Pass	1 / 1
`idlharness.html`	Pass	98 / 98
`inheritance.html`	Pass	16 / 16
`keyframes-rule-caching.html`	Pass	1 / 1
`keyframes-unrelated-custom-property.html`	Pass	1 / 1
`missing-values-first-keyframe.html`	Pass	1 / 1
`missing-values-last-keyframe.html`	Pass	1 / 1
`missing-values-middle-keyframe.html`	Pass	1 / 1
`parsing/animation-computed.html`	Pass	15 / 15
`parsing/animation-delay-computed.html`	Pass	4 / 4
`parsing/animation-delay-invalid.html`	Pass	5 / 5
`parsing/animation-delay-valid.html`	Pass	4 / 4
`parsing/animation-direction-computed.html`	Pass	1 / 1
`parsing/animation-direction-invalid.html`	Pass	4 / 4
`parsing/animation-direction-valid.html`	Pass	5 / 5
`parsing/animation-duration-computed.html`	Pass	15 / 15
`parsing/animation-duration-invalid.html`	Pass	6 / 6
`parsing/animation-duration-valid.html`	Pass	3 / 3
`parsing/animation-fill-mode-computed.html`	Pass	1 / 1
`parsing/animation-fill-mode-invalid.html`	Pass	4 / 4
`parsing/animation-fill-mode-valid.html`	Pass	5 / 5
`parsing/animation-invalid.html`	Pass	8 / 8
`parsing/animation-iteration-count-computed.html`	Pass	2 / 2
`parsing/animation-iteration-count-invalid.html`	Pass	5 / 5
`parsing/animation-iteration-count-valid.html`	Pass	5 / 5
`parsing/animation-name-computed.html`	Pass	27 / 27
`parsing/animation-name-invalid.html`	Pass	9 / 9
`parsing/animation-name-valid.html`	Pass	27 / 27
`parsing/animation-play-state-computed.html`	Pass	1 / 1
`parsing/animation-play-state-invalid.html`	Pass	4 / 4
`parsing/animation-play-state-valid.html`	Pass	3 / 3
`parsing/animation-range-end-computed.html`	Pass	29 / 29
`parsing/animation-range-end-invalid.html`	Pass	14 / 14
`parsing/animation-range-end-valid.html`	Pass	24 / 24
`parsing/animation-range-shorthand-end-zero-offset.html`	Pass	6 / 6
`parsing/animation-range-shorthand.html`	Pass	133 / 133
`parsing/animation-range-start-computed.html`	Pass	30 / 30
`parsing/animation-range-start-invalid.html`	Pass	11 / 11
`parsing/animation-range-start-valid.html`	Pass	26 / 26
`parsing/animation-shorthand.html`	Pass	36 / 36
`parsing/animation-timing-function-invalid.html`	Pass	7 / 7
`parsing/animation-valid.html`	Pass	12 / 12
`parsing/keyframe-selectors.html`	Pass	14 / 14
`parsing/keyframes-allowed-properties.html`	Pass	1 / 1
`parsing/keyframes-name-invalid.html`	Pass	20 / 20
`parsing/keyframes-name-valid.html`	Pass	39 / 39
`pending-style-changes-001.html`	Pass	2 / 2
`responsive/column-rule-color-001.html`	Pass	2 / 2
`responsive/column-width-001.html`	Pass	3 / 3
`responsive/fill-forwards-viewport-units.html`	Pass	1 / 1
`responsive/line-height.html`	Pass	1 / 1
`revert-rule-keyframes-dynamic.html`	Fail	0 / 2	NOT IMPLEMENTED	`revert-rule` in keyframes
`revert-rule-keyframes.html`	Fail	0 / 2	NOT IMPLEMENTED	`revert-rule` in keyframes
`sample-on-last-keyframe.html`	Pass	1 / 1
`stability/animation-event-destroy-renderer.html`	Pass	2 / 2
`style-animation-parsing.html`	Pass	5 / 5
`svg-color-visited-currentcolor.html`	Pass	3 / 3
`text-decoration-inset-auto.html`	Pass	90 / 90
`transition-properties-not-animatable.html`	Pass	126 / 126
`transition-ready-time-offscreen.html`	Pass	1 / 1

Tentative tests

Test	Result	Subtests	Kind	Description
`AnimationEffect-getComputedTiming.tentative.html`	Pass	43 / 43
`AnimationEffect-updateTiming.tentative.html`	Pass	5 / 5
`CSSAnimation-animationName.tentative.html`	Pass	3 / 3
`CSSAnimation-canceling.tentative.html`	Pass	9 / 9
`CSSAnimation-compositeOrder.tentative.html`	Pass	2 / 2
`CSSAnimation-effect.tentative.html`	Pass	8 / 8
`CSSAnimation-finished.tentative.html`	Pass	3 / 3
`CSSAnimation-getCurrentTime.tentative.html`	Pass	2 / 2
`CSSAnimation-id.tentative.html`	Pass	1 / 1
`CSSAnimation-pausing.tentative.html`	Pass	9 / 9
`CSSAnimation-playState.tentative.html`	Pass	5 / 5
`CSSAnimation-ready.tentative.html`	Pass	5 / 5
`CSSAnimation-startTime.tentative.html`	Pass	3 / 3
`Document-getAnimations.tentative.html`	Pass	18 / 18
`Element-getAnimations-dynamic-changes.tentative.html`	Pass	5 / 5
`Element-getAnimations.tentative.html`	Pass	22 / 22
`KeyframeEffect-getKeyframes.tentative.html`	Fail	27 / 32	NOT IMPLEMENTED	`getKeyframes()` of a CSS animation returns the specified values of the `@keyframes` rule (`var()` is not substituted, the custom properties are listed) instead of computed values
`KeyframeEffect-setKeyframes.tentative.html`	Pass	3 / 3
`KeyframeEffect-target.tentative.html`	Pass	3 / 3
`animation-play-state-005.tentative.html`	Pass	1 / 1
`display-none-dont-cancel-pseudo.tentative.html`	Pass	1 / 1
`display-none-dont-cancel.tentative.html`	Pass	5 / 5
`display-none-to-display-block-dont-cancel.tentative.html`	Pass	1 / 1
`display-none-to-display-block-while-running.tentative.html`	Pass	1 / 1
`event-dispatch.tentative.html`	Pass	32 / 32
`event-order.tentative.html`	Pass	6 / 6
`parsing/animation-composition-computed.tentative.html`	Pass	1 / 1
`parsing/animation-composition-invalid.tentative.html`	Pass	4 / 4
`parsing/animation-composition-valid.tentative.html`	Pass	4 / 4

Reftests

Test	Result	Variants
`animate-bg-color-with-change-during-delay.html`	Pass	1 / 1
`animate-font-size-with-margin-override.html`	Pass	1 / 1
`animate-with-background-color-hsla-to-legacy-rgb.html`	Pass	1 / 1
`animate-with-background-color-oklch-001.html`	Pass	1 / 1
`animation-append-stylesheet-reverse.html`	Pass	1 / 1
`animation-delay-008.html`	Pass	1 / 1
`animation-delay-009.html`	Pass	1 / 1
`animation-delay-010.html`	Pass	1 / 1
`animation-delay-011.html`	Pass	1 / 1
`animation-delay-012.html`	Pass	1 / 1
`animation-duration-infinite.html`	Pass	1 / 1
`animation-important-002.html`	Pass	1 / 1
`animation-name-in-nested-shadow.html`	Pass	1 / 1
`animation-name-in-shadow-part-inner-match.html`	Pass	1 / 1
`animation-name-in-shadow-part-outer-match.html`	Pass	1 / 1
`animation-name-in-shadow-part.html`	Pass	1 / 1
`animation-offscreen-to-onscreen.html`	Pass	1 / 1
`animation-opacity-pause-and-set-time.html`	Pass	1 / 1
`animation-pseudo-dynamic-001.html`	Pass	1 / 1
`animation-transform-pause-and-set-time.html`	Pass	1 / 1
`cancel-animation-shadow-slot-invalidation.html`	Pass	1 / 1
`display-none-to-display-block.html`	Pass	1 / 1
`flip-running-animation-via-variable.html`	Pass	1 / 1
`inheritance-pseudo-element.html`	Pass	1 / 1
`inherited-animation-opacity.html`	Pass	1 / 1
`inherited-animation-transform.html`	Pass	1 / 1
`jump-start-animation-before-phase.html`	Pass	1 / 1
`keyframes-tree-scoped-property-with-var.html`	Pass	1 / 1
`nested-scale-animations.html`	Pass	1 / 1
`parent-after-change-style-pseudo-element-flicker.html`	Pass	1 / 1
`parsing/animation-name-edge-cases.html`	Pass	1 / 1
`svg-transform-animation.html`	Pass	1 / 1
`svg-use-transform-keyframes-custom-property-override.html`	Pass	1 / 1
`transform-animation-under-large-scale.html`	Pass	1 / 1
`translation-animation-on-important-property.html`	Pass	1 / 1
`translation-animation-subpixel-offset.html`	Pass	1 / 1