1593146 - [wpt-sync] Sync PR 20040 - update WPT tests to eliminate CSSPseudoElement from animations

Status: RESOLVED FIXED

(Core :: DOM: Animation, task, P4)

Description

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Sync web-platform-tests PR 20040 into mozilla-central (this bug is closed when the sync is complete).

PR: https://github.com/web-platform-tests/wpt/pull/20040
Details from upstream follow.

George Steel <[e-mail]> wrote:

update WPT tests to eliminate CSSPseudoElement from animations

Goes with spec CL https://github.com/w3c/csswg-drafts/pull/4437

Change-Id: Ib6957a7b764eac3b4372ad35c1b79b139c356a19
Reviewed-on: https://chromium-review.googlesource.com/1894477
WPT-Export-Revision: 039960b4f7b781768109d20a0afdb7273fd7547c

Comment 1

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Pushed to try (stability) https://treeherder.mozilla.org/#/jobs?repo=try&revision=acb53aabb814a6f41d57a9f9af8111c8656fe4e0

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/7340a61d2fba
[wpt PR 20040] - update WPT tests to eliminate CSSPseudoElement from animations, a=testonly
https://hg.mozilla.org/integration/autoland/rev/cafbf49e80c7
[wpt PR 20040] - Update wpt metadata, a=testonly

Comment 3

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

GitHub CI Results

wpt.fyi PR Results Base Results

Ran 111 tests and 3341 subtests

Firefox

OK : 87
PASS : 3239
FAIL : 45
TIMEOUT: 15
ERROR : 7

Chrome

OK : 93
PASS : 2905
FAIL : 203
TIMEOUT: 4
NOTRUN : 12

Safari

OK : 83
PASS : 1442
FAIL : 544
TIMEOUT: 21
ERROR : 8

Existing tests that now have a worse result

/web-animations/interfaces/Animation/commitStyles.html
Throws if the target element is a pseudo element: Firefox: PASS->FAIL, Chrome: FAIL->FAIL, Safari: FAIL->FAIL
Checks the pseudo element condition before the not rendered condition: Firefox: PASS->FAIL, Chrome: FAIL->FAIL, Safari: FAIL->FAIL

/css/css-transitions/CSSPseudoElement-getAnimations.tentative.html: Firefox: OK->MISSING, Chrome: OK->MISSING, Safari: OK->MISSING
getAnimations sorts simultaneous transitions by name: Firefox: PASS->MISSING, Chrome: FAIL->MISSING, Safari: FAIL->MISSING

/css/css-animations/CSSPseudoElement-getAnimations.tentative.html: Firefox: OK->MISSING, Chrome: OK->MISSING, Safari: OK->MISSING
getAnimations returns CSSAnimation objects: Firefox: PASS->MISSING, Chrome: PASS->MISSING, Safari: FAIL->MISSING
getAnimations returns CSS transitions/animations, and script-generated animations in the expected order: Firefox: PASS->MISSING, Chrome: FAIL->MISSING, Safari: FAIL->MISSING

/web-animations/animation-model/animation-types/interpolation-per-property.html
content uses discrete animation when animating between ""a"" and ""b"" with keyframe easing: Firefox: PASS->MISSING, Chrome: PASS->MISSING, Safari: MISSING->MISSING
content (type: discrete) has testInterpolation function: Firefox: PASS->MISSING, Chrome: PASS->MISSING, Safari: MISSING->MISSING
content uses discrete animation when animating between ""a"" and ""b"" with effect easing: Firefox: PASS->MISSING, Chrome: PASS->MISSING, Safari: MISSING->MISSING
content uses discrete animation when animating between ""a"" and ""b"" with linear easing: Firefox: PASS->MISSING, Chrome: PASS->MISSING, Safari: MISSING->MISSING

/web-animations/animation-model/animation-types/accumulation-per-property.html
content (type: discrete) has testAccumulation function: Firefox: PASS->MISSING, Chrome: PASS->MISSING, Safari: MISSING->MISSING
content: ""a"" onto ""b"": Firefox: PASS->MISSING, Chrome: PASS->MISSING, Safari: MISSING->MISSING
content: ""b"" onto ""a"": Firefox: PASS->MISSING, Chrome: PASS->MISSING, Safari: MISSING->MISSING

/css/css-animations/Element-getAnimations.tentative.html
{ subtree: true } on a leaf element returns the element's animations and its pseudo-elements' animations: Firefox: PASS->FAIL, Chrome: FAIL->FAIL, Safari: FAIL->FAIL
{ subtree: true } on an element with a child returns animations from the element, its pseudo-elements, its child and its child pseudo-elements: Firefox: PASS->FAIL, Chrome: FAIL->FAIL, Safari: FAIL->FAIL

/web-animations/interfaces/Animatable/animate.html
CSSPseudoElement.animate() creates an Animation object targeting to the correct CSSPseudoElement object: Firefox: PASS->MISSING, Chrome: PASS->MISSING, Safari: FAIL->MISSING
CSSPseudoElement.animate() creates an Animation object: Firefox: PASS->MISSING, Chrome: PASS->MISSING, Safari: FAIL->MISSING

/web-animations/animation-model/animation-types/addition-per-property.html
content (type: discrete) has testAddition function: Firefox: PASS->MISSING, Chrome: PASS->MISSING, Safari: MISSING->MISSING
content: ""a"" onto ""b"": Firefox: PASS->MISSING, Chrome: PASS->MISSING, Safari: MISSING->MISSING
content: ""b"" onto ""a"": Firefox: PASS->MISSING, Chrome: PASS->MISSING, Safari: MISSING->MISSING

Other new tests that's don't pass

/web-animations/interfaces/Animatable/animate.html
animate() with pseudoElement an Animation object targeting to the correct pseudo-element: Firefox: FAIL, Chrome: FAIL, Safari: FAIL
animate() with pseudoElement an Animation object targeting to the correct pseudo-element for ::marker: Firefox: FAIL, Chrome: FAIL, Safari: FAIL
animate() with pseudoElement an Animation object targeting to the correct pseudo-element for ::first-line: Firefox: FAIL, Chrome: FAIL, Safari: FAIL

Comment 4

[Andrei Ciure[:aciure]]

https://hg.mozilla.org/mozilla-central/rev/7340a61d2fba
https://hg.mozilla.org/mozilla-central/rev/cafbf49e80c7