Closed Bug 1795917 Opened 2 years ago Closed 2 years ago

[wpt-sync] Sync PR 36531 - [scroll-animations] Implement animation-delay-[start,end]

Categories

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

Product:
Core
Component:
CSS Transitions and Animations
Type:
task

Tracking

()

Status:
RESOLVED FIXED
Milestone:
108 Branch
Tracking Flags:
Tracking Status
firefox108 --- fixed

People

(Reporter: wpt-sync, Unassigned)

References

(
URL
)

Details

(Whiteboard: [wptsync downstream])

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

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

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

[scroll-animations] Implement animation-delay-[start,end]

This CL implements support for the animation-delay-start and -end
longhands, alongside the existing animation-delay longhand.

Animations that use non-default timelines will automatically use
the delays specified by animation-delay-[start,end], and other
animations will continue to use the start delay specified by
animation-delay.

Making animation-delay a shorthand based on a runtime flag is a bit
complicated since our code generation does not support it. That work
is therefore deferred to a later CL.

Bug: 1317765, 1375994
Change-Id: Iac5944876162557bb99942cc300489b8362e147a
Reviewed-on: https://chromium-review.googlesource.com/3961415
WPT-Export-Revision: a7f1caabc89c5723166cd82f5b3d0ae3911a0de7

Component: web-platform-tests → CSS Transitions and Animations
Product: Testing → Core
PR 36531 applied with additional changes from upstream: c26f3ffe9d632e561da30728d4ba8c77c103c051, 0d51a80e4d469e19b4bb92ea2c2290f87e28e17a, 056571bfa3a3e71058676d2a39c8917ed0f840fa
Whiteboard: [wptsync downstream] → [wptsync downstream error]
Whiteboard: [wptsync downstream error] → [wptsync downstream]
Whiteboard: [wptsync downstream] → [wptsync downstream error]
Whiteboard: [wptsync downstream error] → [wptsync downstream]
Whiteboard: [wptsync downstream] → [wptsync downstream error]
Whiteboard: [wptsync downstream error] → [wptsync downstream]
Whiteboard: [wptsync downstream] → [wptsync downstream error]
Whiteboard: [wptsync downstream error] → [wptsync downstream]
Whiteboard: [wptsync downstream] → [wptsync downstream error]
Whiteboard: [wptsync downstream error] → [wptsync downstream]

CI Results

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

Total 8 tests and 7 subtests

Status Summary

Firefox

OK : 8
PASS: 42[GitHub] 48[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] 55[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: 61[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] 68[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] 74[GitHub]

Chrome

OK : 8
PASS: 51
FAIL: 65

Safari

OK : 8
PASS: 42
FAIL: 74

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

  • /css/css-animations/parsing/animation-delay-end-computed.html [wpt.fyi]
    • Property animation-delay-start value 'initial': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value '-500ms': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'calc(2 * 3s)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value '20s, 10s': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'cover 0%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'COVER 0%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'cover 100%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'cover 120%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'cover 42%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'cover -42%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'contain 42%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'exit 42%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'exit calc(41% + 1%)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'exit 1%, cover 2%, contain 100%': FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-animations/parsing/animation-delay-end-valid.html [wpt.fyi]
    • e.style['animation-delay-start'] = "-5ms" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "0s" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "10s" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "20s, 10s" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "cover 0%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "cover 100%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "cover 120%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "cover 42%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "cover -42%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "contain 42%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "exit 42%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "exit 1%, cover 2%, contain 100%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "enter 42%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-animations/parsing/animation-delay-start-computed.html [wpt.fyi]
    • Property animation-delay-start value 'initial': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value '-500ms': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'calc(2 * 3s)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value '20s, 10s': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'cover 0%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'COVER 0%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'cover 100%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'cover 120%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'cover 42%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'cover -42%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'contain 42%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'exit 42%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'exit calc(41% + 1%)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property animation-delay-start value 'exit 1%, cover 2%, contain 100%': FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-animations/parsing/animation-delay-start-valid.html [wpt.fyi]
    • e.style['animation-delay-start'] = "-5ms" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "0s" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "10s" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "20s, 10s" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "cover 0%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "cover 100%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "cover 120%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "cover 42%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "cover -42%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "contain 42%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "exit 42%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "exit 1%, cover 2%, contain 100%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['animation-delay-start'] = "enter 42%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • /scroll-animations/css/progress-based-animation-animation-longhand-properties.tentative.html [wpt.fyi]
    • animation-duration: 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)
    • animation-duration: 0s: 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)
    • animation-duration: infinite: 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)
    • 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-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, GitHub], 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, Safari: FAIL)
    • animation-iteration-count: 0: 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)
    • animation-iteration-count: infinite: 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)
    • 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-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, GitHub], 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, Safari: FAIL)
    • 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-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, GitHub], 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, Safari: FAIL)
    • 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-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, GitHub], 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, Safari: FAIL)
    • 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-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, GitHub], 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, Safari: FAIL)
    • 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-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, GitHub], 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, Safari: FAIL)
    • 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-debug-isolated-process-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview, GitHub], 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, Safari: FAIL)
    • animation-fill-mode: 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/view-timeline-delay-animation.html [wpt.fyi]
    • Animation with delays [initial, initial]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Animation with delays [cover 0%, cover 100%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Animation with delays [contain 0%, contain 100%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Animation with delays [enter 0%, enter 100%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Animation with delays [exit 0%, exit 100%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Animation with delays [contain -50%, enter 200%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Animation with delays [enter 0%, exit 100%]: FAIL (Chrome: FAIL, Safari: FAIL)
Pushed by wptsync@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/3532e5741c96 [wpt PR 36531] - [scroll-animations] Implement animation-delay-[start,end], a=testonly https://hg.mozilla.org/integration/autoland/rev/4ea265b7f910 [wpt PR 36531] - Update wpt metadata, a=testonly

https://hg.mozilla.org/mozilla-central/rev/3532e5741c96
https://hg.mozilla.org/mozilla-central/rev/4ea265b7f910

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