Closed Bug 1945138 Opened 23 days ago Closed 21 days ago

[wpt-sync] Sync PR 50409 - Parse animation-trigger shorthand

Categories

(Core :: CSS Transitions and Animations, task, P4)

task

Tracking

()

RESOLVED FIXED
136 Branch
Tracking Status
firefox136 --- fixed

People

(Reporter: wpt-sync, Unassigned)

References

()

Details

(Whiteboard: [wptsync downstream])

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

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

David Awogbemila <awogbemila@chromium.org> wrote:

Parse animation-trigger shorthand

For reference: the spec is currently a work-in-progress[1] but this
comment[2] describes the API.

[1] https://github.com/w3c/csswg-drafts/pull/10128
[2] https://github.com/w3c/csswg-drafts/issues/8942#issuecomment-1853533616

Bug: 390314945
Change-Id: I3b273f4565efddd2fd48d407102f9f1376d816dd
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6207949
Commit-Queue: David Awogbemila \<awogbemila@chromium.org>
Reviewed-by: Anders Hartvoll Ruud \<andruud@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1414034}

Component: web-platform-tests → CSS Transitions and Animations
Product: Testing → Core

CI Results

Ran 9 Firefox configurations based on mozilla-central, and Firefox, Chrome, and Safari on GitHub CI

Total 1 tests and 90 subtests

Status Summary

Firefox

OK : 1
FAIL: 90

Chrome

OK : 1
FAIL: 90

Safari

OK : 1
FAIL: 90

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

  • /css/css-animations/parsing/animation-trigger-shorthand.tentative.html [wpt.fyi]
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0% cover 100%" should set animation-trigger-exit-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0% cover 100%" should set animation-trigger-exit-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0% cover 100%" should set animation-trigger-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0% cover 100%" should set animation-trigger-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0% cover 100%" should set animation-trigger-timeline: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0% cover 100%" should set animation-trigger-type: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0% cover 100%" should not set unrelated longhands: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10% cover 90%" should set animation-trigger-exit-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10% cover 90%" should set animation-trigger-exit-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10% cover 90%" should set animation-trigger-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10% cover 90%" should set animation-trigger-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10% cover 90%" should set animation-trigger-timeline: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10% cover 90%" should set animation-trigger-type: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10% cover 90%" should not set unrelated longhands: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0%" should set animation-trigger-exit-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0%" should set animation-trigger-exit-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0%" should set animation-trigger-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0%" should set animation-trigger-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0%" should set animation-trigger-timeline: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0%" should set animation-trigger-type: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0%" should not set unrelated longhands: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10%" should set animation-trigger-exit-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10%" should set animation-trigger-exit-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10%" should set animation-trigger-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10%" should set animation-trigger-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10%" should set animation-trigger-timeline: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10%" should set animation-trigger-type: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 20% contain 80% cover 10%" should not set unrelated longhands: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover" should set animation-trigger-exit-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover" should set animation-trigger-exit-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover" should set animation-trigger-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover" should set animation-trigger-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover" should set animation-trigger-timeline: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover" should set animation-trigger-type: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() once contain 0% contain 100% cover" should not set unrelated longhands: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0% contain 100%" should set animation-trigger-exit-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0% contain 100%" should set animation-trigger-exit-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0% contain 100%" should set animation-trigger-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0% contain 100%" should set animation-trigger-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0% contain 100%" should set animation-trigger-timeline: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0% contain 100%" should set animation-trigger-type: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0% contain 100%" should not set unrelated longhands: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 20% contain 80%" should set animation-trigger-exit-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 20% contain 80%" should set animation-trigger-exit-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 20% contain 80%" should set animation-trigger-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 20% contain 80%" should set animation-trigger-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 20% contain 80%" should set animation-trigger-timeline: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 20% contain 80%" should set animation-trigger-type: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 20% contain 80%" should not set unrelated longhands: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0%" should set animation-trigger-exit-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0%" should set animation-trigger-exit-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0%" should set animation-trigger-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0%" should set animation-trigger-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0%" should set animation-trigger-timeline: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0%" should set animation-trigger-type: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 0%" should not set unrelated longhands: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 10%" should set animation-trigger-exit-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 10%" should set animation-trigger-exit-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 10%" should set animation-trigger-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 10%" should set animation-trigger-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 10%" should set animation-trigger-timeline: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 10%" should set animation-trigger-type: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain 10%" should not set unrelated longhands: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain" should set animation-trigger-exit-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain" should set animation-trigger-exit-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain" should set animation-trigger-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain" should set animation-trigger-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain" should set animation-trigger-timeline: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain" should set animation-trigger-type: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate contain" should not set unrelated longhands: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate" should set animation-trigger-exit-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate" should set animation-trigger-exit-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate" should set animation-trigger-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate" should set animation-trigger-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate" should set animation-trigger-timeline: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate" should set animation-trigger-type: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "view() alternate" should not set unrelated longhands: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "repeat" should set animation-trigger-exit-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "repeat" should set animation-trigger-exit-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "repeat" should set animation-trigger-range-end: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "repeat" should set animation-trigger-range-start: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "repeat" should set animation-trigger-timeline: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "repeat" should set animation-trigger-type: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-trigger'] = "repeat" should not set unrelated longhands: FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-trigger value 'view() once contain 0% contain 100% cover 0% cover 100%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-trigger value 'view() once contain 20% contain 80% cover 10% cover 90%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-trigger value 'view() once contain 20% contain 80% cover 0%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-trigger value 'view() once contain 20% contain 80% cover 10%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-trigger value 'view() once contain 0% contain 100%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-trigger value 'view() once': FAIL (Chrome: FAIL, Safari: FAIL)
Pushed by wptsync@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/917547c2aacd [wpt PR 50409] - Parse animation-trigger shorthand, a=testonly https://hg.mozilla.org/integration/autoland/rev/9084a8d41b49 [wpt PR 50409] - Update wpt metadata, a=testonly
Status: NEW → RESOLVED
Closed: 21 days ago
: --- → fixed
Resolution: --- → FIXED
Target Milestone: --- → 136 Branch
You need to log in before you can comment on or make changes to this bug.