Closed Bug 1593146 Opened 1 year ago Closed 1 year ago

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

Categories

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

task

Tracking

()

RESOLVED FIXED
mozilla72
Tracking Status
firefox72 --- fixed

People

(Reporter: mozilla.org, Unassigned)

References

()

Details

(Whiteboard: [wptsync downstream])

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 <gtsteel@google.com> 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

Component: web-platform-tests → DOM: Animation
Product: Testing → Core
Pushed by wptsync@mozilla.com:
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

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

Status: NEW → RESOLVED
Closed: 1 year ago
Resolution: --- → FIXED
Target Milestone: --- → mozilla72
You need to log in before you can comment on or make changes to this bug.