css/css-transitions

edit

WPT coverage of the tests of css/css-transitions 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	99	107	93%
Tentative	17	18	94%
Reftests	6	6	100%
All	122	131	93%

Failure reasons

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

TEST BUG: 8
NOT IMPLEMENTED: 1

Stable tests

Test	Result	Subtests	Kind	Description
`after-change-style-inherited-try-fallback.html`	Pass	1 / 1
`after-change-style-inherited.html`	Pass	6 / 6
`all-interpolates-same-as-explicit-property.html`	Pass	32 / 32
`animations/animate-with-color-mix.html`	Pass	6 / 6
`animations/change-duration-during-transition.html`	Pass	1 / 1
`animations/color-transition-premultiplied.html`	Pass	1 / 1
`animations/move-after-transition.html`	Pass	1 / 1
`animations/text-shadow-composition.html`	Pass	60 / 60
`animations/text-shadow-interpolation.html`	Pass	168 / 168
`animations/transition-end-event-shorthands.html`	Pass	1 / 1
`animations/transition-timing-function.html`	Pass	1 / 1
`animations/vertical-align-composition.html`	Pass	40 / 40
`animations/vertical-align-interpolation.html`	Pass	182 / 182
`animations/z-index-interpolation.html`	Pass	250 / 250
`before-load-001.html`	Pass	1 / 1
`changing-while-transition-001.html`	Pass	1 / 1
`changing-while-transition-002.html`	Pass	1 / 1
`changing-while-transition-003.html`	Pass	1 / 1
`changing-while-transition-004.html`	Pass	1 / 1
`currentcolor-animation-001.html`	Pass	1 / 1
`custom-property-and-allow-discrete.html`	Pass	2 / 2
`disconnected-element-001.html`	Pass	6 / 6
`display-none-no-animations.html`	Pass	1 / 1
`dynamic-root-element.html`	Pass	1 / 1
`events-001.html`	Pass	9 / 9
`events-002.html`	Pass	2 / 2
`events-003.html`	Pass	1 / 1
`events-004.html`	Pass	2 / 2
`events-005.html`	Pass	3 / 3
`events-006.html`	Pass	2 / 2
`events-007.html`	Pass	1 / 1
`events-008.html`	Pass	3 / 3
`historical.html`	Pass	1 / 1
`idlharness-2.html`	Fail	17 / 19	TEST BUG	the dependencies of the test do not include `css-transitions`, where `TransitionEvent` is defined
`idlharness.html`	Pass	64 / 64
`inert-while-transitioning-to-display-none.html`	Pass	1 / 1
`inherit-height-transition.html`	Pass	1 / 1
`inheritance.html`	Pass	8 / 8
`no-transition-for-unchanged-pointer-valued-properties.html`	Pass	1 / 1
`non-rendered-element-001.html`	Pass	4 / 4
`non-rendered-element-002.html`	Pass	1 / 1
`parsing/starting-style-parsing.html`	Pass	5 / 5
`parsing/transition-behavior.html`	Pass	28 / 28
`parsing/transition-computed.html`	Pass	10 / 10
`parsing/transition-delay-computed.html`	Pass	1 / 1
`parsing/transition-delay-invalid.html`	Pass	5 / 5
`parsing/transition-delay-valid.html`	Pass	4 / 4
`parsing/transition-duration-computed.html`	Pass	3 / 3
`parsing/transition-duration-invalid.html`	Pass	5 / 5
`parsing/transition-duration-valid.html`	Pass	3 / 3
`parsing/transition-invalid.html`	Pass	5 / 5
`parsing/transition-property-computed.html`	Pass	10 / 10
`parsing/transition-property-invalid.html`	Pass	66 / 66
`parsing/transition-property-valid.html`	Pass	10 / 10
`parsing/transition-shorthand.html`	Pass	18 / 18
`parsing/transition-timing-function-computed.html`	Pass	22 / 22
`parsing/transition-timing-function-invalid.html`	Pass	25 / 25
`parsing/transition-timing-function-valid.html`	Pass	22 / 22
`parsing/transition-valid.html`	Pass	10 / 10
`properties-value-001.html`	Fail	571 / 580	TEST BUG	`vertical-align` is a shorthand of `baseline-shift` and `alignment-baseline` in css-inline-3, so the transition events name `baseline-shift` and its keywords transition discretely; the test expects a longhand
`properties-value-002.html`	Fail	16 / 18	TEST BUG	`vertical-align` is a shorthand of `baseline-shift` and `alignment-baseline` in css-inline-3, so the transition events name `baseline-shift` and its keywords transition discretely; the test expects a longhand
`properties-value-003.html`	Fail	106 / 122	NOT IMPLEMENTED	the transitions of `background-image` (the images are interpolated discretely) and of the `background-size` keywords
`properties-value-implicit-001.html`	Fail	61 / 62	TEST BUG	`vertical-align` is a shorthand of `baseline-shift` and `alignment-baseline` in css-inline-3, so the transition events name `baseline-shift` and its keywords transition discretely; the test expects a longhand
`properties-value-inherit-001.html`	Fail	571 / 580	TEST BUG	`vertical-align` is a shorthand of `baseline-shift` and `alignment-baseline` in css-inline-3, so the transition events name `baseline-shift` and its keywords transition discretely; the test expects a longhand
`properties-value-inherit-002.html`	Fail	571 / 580	TEST BUG	`vertical-align` is a shorthand of `baseline-shift` and `alignment-baseline` in css-inline-3, so the transition events name `baseline-shift` and its keywords transition discretely; the test expects a longhand
`properties-value-inherit-003.html`	Pass	62 / 62
`pseudo-elements-001.html`	Pass	4 / 4
`pseudo-elements-002.html`	Pass	1 / 1
`retargetted-transition-with-box-sizing.html`	Pass	1 / 1
`shadow-root-insertion.html`	Pass	1 / 1
`starting-of-transitions-001.html`	Pass	1 / 1
`starting-style-adjustment.html`	Fail	0 / 1	TEST BUG	the `<legend>` is not in a `fieldset`: only the rendered legend of a fieldset is "expected to behave as if its computed value was blockified", and "this does not change the computed value" (https://html.spec.whatwg.org/multipage/rendering.html#the-fieldset-and-legend-elements), so the `display: inline` of `@starting-style` is the before-change style and the discrete transition to `block` (`allow-discrete`) starts
`starting-style-cascade.html`	Pass	6 / 6
`starting-style-name-defining-rules.html`	Pass	2 / 2
`starting-style-revert-layer-cascade.html`	Pass	2 / 2
`starting-style-rule-basic.html`	Pass	3 / 3
`starting-style-rule-none.html`	Pass	1 / 1
`starting-style-rule-pseudo-elements.html`	Pass	3 / 3
`starting-style-size-container.html`	Pass	2 / 2
`transition-001.html`	Pass	13 / 13
`transition-after-animation-001.html`	Pass	1 / 1
`transition-background-position-with-edge-offset.html`	Pass	1 / 1
`transition-base-response-001.html`	Pass	3 / 3
`transition-base-response-002.html`	Pass	1 / 1
`transition-base-response-003.html`	Pass	1 / 1
`transition-behavior-events.html`	Pass	2 / 2
`transition-behavior.html`	Pass	6 / 6
`transition-cancel-elapsed-time-on-removal.html`	Pass	1 / 1
`transition-delay-001.html`	Pass	21 / 21
`transition-duration-001.html`	Pass	21 / 21
`transition-duration-infinite-cancelation.html`	Pass	1 / 1
`transition-duration-shorthand.html`	Pass	1 / 1
`transition-events-with-document-change.html`	Pass	1 / 1
`transition-important.html`	Pass	1 / 1
`transition-in-iframe-001.html`	Pass	1 / 1
`transition-property-001.html`	Pass	5 / 5
`transition-property-002.html`	Pass	7 / 7
`transition-remove-and-change-immediate.html`	Pass	1 / 1
`transition-reparented.html`	Pass	1 / 1
`transition-zero-duration-with-delay.html`	Pass	1 / 1
`transitioncancel-001.html`	Pass	1 / 1
`transitioncancel-002.html`	Pass	1 / 1
`transitioncancel-003.html`	Pass	1 / 1
`transitionevent-interface.html`	Pass	42 / 42
`transitions-retarget.html`	Pass	1 / 1
`unregistered-custom-property-transition.html`	Pass	3 / 3
`zero-duration-multiple-transition.html`	Pass	1 / 1

Tentative tests

Test	Result	Subtests	Kind	Description
`AnimationEffect-getComputedTiming.tentative.html`	Pass	22 / 22
`CSSTransition-canceling.tentative.html`	Pass	11 / 11
`CSSTransition-currentTime.tentative.html`	Pass	5 / 5
`CSSTransition-effect.tentative.html`	Pass	10 / 10
`CSSTransition-finished.tentative.html`	Pass	1 / 1
`CSSTransition-not-canceling.tentative.html`	Pass	2 / 2
`CSSTransition-ready.tentative.html`	Pass	2 / 2
`CSSTransition-startTime.tentative.html`	Pass	5 / 5
`CSSTransition-transitionProperty.tentative.html`	Pass	1 / 1
`Document-getAnimations.tentative.html`	Pass	7 / 7
`Element-getAnimations.tentative.html`	Pass	7 / 7
`KeyframeEffect-getKeyframes-width-and-height-transition.tentative.html`	Pass	2 / 2
`KeyframeEffect-getKeyframes.tentative.html`	Pass	5 / 5
`KeyframeEffect-setKeyframes.tentative.html`	Pass	8 / 8
`KeyframeEffect-target.tentative.html`	Pass	3 / 3
`event-dispatch.tentative.html`	Fail	29 / 30	TEST BUG	`Active -> Idle, with negative delay (Animation.timeline = null)`: the elapsed time of `transitioncancel` is "the active time of the animation at the moment it was canceled calculated using a fill mode of both" (https://drafts.csswg.org/css-transitions-2/#event-dispatch); the transition (`100s`, delay `-50s`) is seeked to `50s` before its timeline is removed, so its active time is `100s`, not the `0` the test expects (the css-animations twin test, `Active -> Idle, setting Animation.timeline = null`, expects the active time before the timeline is removed)
`non-rendered-element-004.tentative.html`	Pass	1 / 1
`ua-important.tentative.html`	Pass	1 / 1

Reftests

Test	Result	Variants
`allow-discrete-auto-inset.html`	Pass	1 / 1
`inherit-background-color-transition.html`	Pass	1 / 1
`pseudo-element-transform.html`	Pass	1 / 1
`render-blocking/no-transition-from-ua-to-blocking-stylesheet.html`	Pass	1 / 1
`root-color-transition.html`	Pass	1 / 1
`transition-test.html`	Pass	1 / 1