[wpt-sync] Sync PR 50409 - Parse animation-trigger shorthand
Categories
(Core :: CSS Transitions and Animations, task, P4)
Tracking
()
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-1853533616Bug: 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}
Assignee | ||
Updated•23 days ago
|
Assignee | ||
Comment 1•23 days ago
|
||
Assignee | ||
Comment 2•23 days ago
|
||
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
)
- e.style['animation-trigger'] = "view() once contain 0% contain 100% cover 0% cover 100%" should set animation-trigger-exit-range-end:
Comment 4•21 days ago
|
||
bugherder |
https://hg.mozilla.org/mozilla-central/rev/917547c2aacd
https://hg.mozilla.org/mozilla-central/rev/9084a8d41b49
Description
•