Closed Bug 1804546 Opened 3 years ago Closed 3 years ago

[wpt-sync] Sync PR 37385 - [scroll-animations] The animation shorthand should set timeline to auto

Categories

(Testing :: web-platform-tests, task, P4)

Product:
Testing
Component:
web-platform-tests
Type:
task

Tracking

(firefox110 fixed)

Status:
RESOLVED FIXED
Milestone:
110 Branch
Tracking Flags:
Tracking Status
firefox110 --- fixed

People

(Reporter: wpt-sync, Unassigned)

References

(
URL
)

Details

(Whiteboard: [wptsync downstream])

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

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

Anders Hartvoll Ruud <andruud@chromium.org> wrote:

[scroll-animations] The animation shorthand should set timeline to auto

We currently allow the timeline to be specified as part of the
animation shorthand. This is (for now) incorrect per a recent
CSSWG resolution [1].

This CL changes all WPTs to use the animation-timeline longhand
instead. I've also added a setup assertion (or equivalent) to many
tests to prevent UAs without support for animation-timeline from
running the animations on the document timeline (which could lead
to unstable/timing-dependent failure results).

[1] https://github.com/w3c/csswg-drafts/issues/6946#issuecomment-1233190360

Fixed: 1397870
Change-Id: I97cd13481ea00a074f50c132562d9bb83e7bc4dd
Reviewed-on: https://chromium-review.googlesource.com/4084846
WPT-Export-Revision: 728afe264e6b9244a48cbe4492858d47f85bfd6e

PR 37385 applied with additional changes from upstream: db670dcba1abf8448d14841627850863924ba182, b7051e063b2bbc5120fea4891eb6526d700f9197, 91cc4cdc85c3c450f8eaf8b295415ce95b0e1105

CI Results

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

Total 23 tests

Status Summary

Firefox

OK : 4[GitHub] 20[Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview] 22[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt]
PASS : 15[GitHub] 42[Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview] 47[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview] 54[Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt]
FAIL : 31[GitHub] 81[Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview] 82[Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] 89[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview]
TIMEOUT: 2
ERROR : 18

Chrome

OK : 22
PASS : 78
FAIL : 59

Safari

OK : 4
PASS : 16
FAIL : 29
ERROR : 18

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

  • /scroll-animations/css/animation-duration-auto.tentative.html [wpt.fyi]
    • A value of auto can be specified for animation-duration: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-duration'] = "auto" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-duration value 'auto': FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation'] = "auto cubic-bezier(0, -2, 1, 3) -3s 4 reverse both paused anim" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation value 'auto cubic-bezier(0, -2, 1, 3) -3s 4 reverse both paused anim': FAIL (Chrome: FAIL, Safari: FAIL)
  • /scroll-animations/css/animation-shorthand.html [wpt.fyi]
    • e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim scroll()" should not set the property value: FAIL [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt], PASS [GitHub] (Chrome: FAIL, Safari: PASS)
    • e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim timeline" should not set the property value: FAIL [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt], PASS [GitHub] (Chrome: FAIL, Safari: PASS)
    • e.style['animation'] = "1s linear 1s 2 reverse forwards paused anim1,\n 1s linear 1s 2 reverse forwards paused anim2,\n 1s linear 1s 2 reverse forwards paused anim3" should set animation-timeline: FAIL [GitHub], PASS [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS, Safari: FAIL)
  • /scroll-animations/css/animation-timeline-named-scroll-progress-timeline.tentative.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
    • scroll-timeline-name affects subsequent siblings when changed: FAIL (Chrome: PASS)
    • scroll-timeline-name on inserted element affects subsequent siblings: FAIL (Chrome: PASS)
    • scroll-timeline-name on removed element affects subsequent siblings: FAIL (Chrome: PASS)
    • scroll-timeline-name on element leaving display:none affects subsequent siblings: FAIL (Chrome: PASS)
    • scroll-timeline-name on element becoming display:none affects subsequent siblings: FAIL (Chrome: PASS)
    • scroll-timeline-name on element not resolved until element becomes visible: FAIL (Chrome: PASS)
    • Change in scroll-timeline-name to match animation timeline updates animation.: FAIL (Chrome: PASS)
    • Change in scroll-timeline-name to no longer match animation timeline updates animation.: FAIL (Chrome: PASS)
    • Timeline lookup finds next candidate when element is removed: FAIL (Chrome: PASS)
    • Timeline lookup updates candidate when closer match available.: FAIL (Chrome: PASS)
    • Timeline lookup updates candidate when match becomes available.: FAIL (Chrome: PASS)
  • /scroll-animations/css/animation-timeline-scroll-functional-notation.tentative.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
  • /scroll-animations/css/get-animations-inactive-timeline.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
    • getAnimations includes inactive scroll-linked animations that have not been canceled: FAIL (Chrome: PASS)
  • /scroll-animations/css/progress-based-animation-animation-longhand-properties.tentative.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt], TIMEOUT [Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview] (Chrome: OK, Safari: ERROR)
    • animation-iteration-count: FAIL [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview], PASS [Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS)
    • animation-direction: normal: FAIL [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview], PASS [Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS)
    • animation-direction: reverse: FAIL [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview], PASS [Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS)
    • animation-direction: alternate: FAIL [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview], PASS [Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS)
    • animation-direction: alternate-reverse: FAIL [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview], PASS [Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS)
    • animation-delay with a positive value: FAIL [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview], PASS [Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS)
    • animation-delay with a negative value: FAIL [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview], PASS [Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS)
  • /scroll-animations/css/scroll-timeline-document-scroller-quirks.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
  • /scroll-animations/css/scroll-timeline-dynamic.tentative.html [wpt.fyi]
    • Switching between document and scroll timelines [immediate]: FAIL [GitHub], PASS [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS, Safari: FAIL)
    • Switching between document and scroll timelines [scroll]: FAIL [GitHub], PASS [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS, Safari: FAIL)
    • Switching pending animation from document to scroll timelines [immediate]: FAIL [GitHub], PASS [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS, Safari: FAIL)
    • Switching pending animation from document to scroll timelines [scroll]: FAIL [GitHub], PASS [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS, Safari: FAIL)
    • Changing computed value of animation-timeline changes effective timeline [immediate]: FAIL [GitHub], PASS [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS, Safari: FAIL)
    • Changing computed value of animation-timeline changes effective timeline [scroll]: FAIL [GitHub], PASS [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS, Safari: FAIL)
    • Changing to/from animation-timeline:none [immediate]: FAIL [GitHub], PASS [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: FAIL, Safari: FAIL)
    • Changing to/from animation-timeline:none [scroll]: FAIL [GitHub], PASS [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: FAIL, Safari: FAIL)
    • Changing scroll-timeline on preceding elements affects target element [immediate]: FAIL (Chrome: PASS, Safari: FAIL)
    • Changing scroll-timeline on preceding elements affects target element [scroll]: FAIL (Chrome: PASS, Safari: FAIL)
    • Reverse animation direction [immediate]: FAIL (Chrome: PASS, Safari: FAIL)
    • Reverse animation direction [scroll]: FAIL (Chrome: PASS, Safari: FAIL)
    • Switching timelines while paused [immediate]: FAIL (Chrome: PASS, Safari: FAIL)
    • Switching timelines while paused [scroll]: FAIL (Chrome: PASS, Safari: FAIL)
    • Switching timelines and pausing at the same time [immediate]: FAIL (Chrome: PASS, Safari: FAIL)
    • Switching timelines and pausing at the same time [scroll]: FAIL (Chrome: PASS, Safari: FAIL)
  • /scroll-animations/css/scroll-timeline-in-container-query.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
    • Timeline appearing via container queries: FAIL (Chrome: PASS)
  • /scroll-animations/css/scroll-timeline-multi-pass.tentative.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt], TIMEOUT [Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview] (Chrome: OK, Safari: ERROR)
    • Multiple style/layout passes occur when necessary: FAIL (Chrome: PASS)
  • /scroll-animations/css/scroll-timeline-nearest-dirty.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
  • /scroll-animations/css/scroll-timeline-paused-animations.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
    • Test that the scroll animation is paused: FAIL (Chrome: PASS)
    • Test that the scroll animation is paused by updating animation-play-state: FAIL (Chrome: PASS)
  • /scroll-animations/css/scroll-timeline-responsiveness-from-endpoint.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
    • Test that the scroll animation is still responsive after moving from 100%: FAIL (Chrome: PASS)
  • /scroll-animations/css/scroll-timeline-root-dirty.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
  • /scroll-animations/css/scroll-timeline-sibling-gcs.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
    • Timelines appearing on preceding siblings are visible to getComputedStyle: FAIL (Chrome: PASS)
  • /scroll-animations/css/timeline-range-name-offset-in-keyframes.tentative.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
    • Timeline offset in Animation Keyframes: FAIL (Chrome: FAIL)
  • /scroll-animations/css/view-timeline-animation.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
    • Default view-timeline: FAIL (Chrome: FAIL)
    • Horizontal view-timeline: FAIL (Chrome: FAIL)
    • Multiple view-timelines on the same element: FAIL (Chrome: FAIL)
  • /scroll-animations/css/view-timeline-delay-animation.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
    • Animation with delays [initial, initial]: FAIL (Chrome: FAIL)
    • Animation with delays [cover 0%, cover 100%]: FAIL (Chrome: FAIL)
    • Animation with delays [contain 0%, contain 100%]: FAIL (Chrome: FAIL)
    • Animation with delays [enter 0%, enter 100%]: FAIL (Chrome: FAIL)
    • Animation with delays [exit 0%, exit 100%]: FAIL (Chrome: FAIL)
    • Animation with delays [contain -50%, enter 200%]: FAIL (Chrome: FAIL)
    • Animation with delays [enter 0%, exit 100%]: FAIL (Chrome: FAIL)
  • /scroll-animations/css/view-timeline-dynamic.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
    • Dynamically changing view-timeline-name: FAIL (Chrome: FAIL)
    • Dynamically changing view-timeline-axis: FAIL (Chrome: FAIL)
    • Dynamically changing view-timeline-inset: FAIL (Chrome: FAIL)
    • Element with view-timeline becoming display:none: FAIL (Chrome: FAIL)
  • /scroll-animations/css/view-timeline-inset-animation.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
    • view-timeline-inset with one value: FAIL (Chrome: FAIL)
    • view-timeline-inset with two values: FAIL (Chrome: FAIL)
    • view-timeline-inset with em values: FAIL (Chrome: FAIL)
    • view-timeline-inset with percentage values: FAIL (Chrome: FAIL)
    • view-timeline-inset with negative values: FAIL (Chrome: FAIL)
    • view-timeline-inset with horizontal scroller: FAIL (Chrome: FAIL)
    • view-timeline-inset with block scroller: FAIL (Chrome: FAIL)
    • view-timeline-inset with inline scroller: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, block: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, block, vertical-lr: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, block, vertical-rl: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, inline: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, inline, vertical-rl: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, inline, vertical-lr: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, inline, rtl: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, inline, vertical-rl, rtl: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, inline, vertical-lr, rtl: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, vertical: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, vertical, vertical-rl: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, vertical, vertical-rl, rtl: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, horizontal: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, horizontal, rtl: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, horizontal, vertical-lr: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, horizontal, vertical-rl: FAIL (Chrome: FAIL)
    • view-timeline-inset:auto, mix: FAIL (Chrome: FAIL)
  • /scroll-animations/css/view-timeline-lookup.html [wpt.fyi]
    • view-timeline on self: FAIL (Chrome: FAIL, Safari: FAIL)
    • view-timeline on preceding sibling: FAIL (Chrome: FAIL, Safari: FAIL)
    • view-timeline on ancestor: FAIL (Chrome: FAIL, Safari: FAIL)
    • view-timeline on ancestor sibling: FAIL (Chrome: FAIL, Safari: FAIL)
    • view-timeline on ancestor sibling, closest wins: FAIL (Chrome: FAIL, Safari: FAIL)
    • view-timeline on ancestor sibling, skips nonmatching names: FAIL (Chrome: FAIL, Safari: FAIL)
    • view-timeline on ancestor sibling, closer scroll-timeline wins: FAIL [GitHub], PASS [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: PASS, Safari: PASS)
    • view-timeline on ancestor sibling, view-timeline wins on same element: FAIL (Chrome: FAIL, Safari: FAIL)
  • /scroll-animations/css/view-timeline-used-values.html [wpt.fyi]: ERROR [GitHub], OK [Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] (Chrome: OK, Safari: ERROR)
    • Use the last value from view-timeline-axis if omitted: FAIL (Chrome: FAIL)
    • Use the last value from view-timeline-inset if omitted: FAIL (Chrome: FAIL)
  • /scroll-animations/css/scroll-timeline-specified-scroller-print.html [wpt.fyi]: FAIL (Chrome: FAIL)
Pushed by wptsync@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/03c8c3186b62 [wpt PR 37385] - [scroll-animations] The animation shorthand should set timeline to auto, a=testonly https://hg.mozilla.org/integration/autoland/rev/ad6993b1c78c [wpt PR 37385] - Update wpt metadata, a=testonly

https://hg.mozilla.org/mozilla-central/rev/03c8c3186b62
https://hg.mozilla.org/mozilla-central/rev/ad6993b1c78c

Status: NEW → RESOLVED
Closed: 3 years ago
status-firefox110: --- → fixed
Resolution: --- → FIXED
Target Milestone: --- → 110 Branch
You need to log in before you can comment on or make changes to this bug.