Closed Bug 1642637 Opened 6 months ago Closed 6 months ago

[wpt-sync] Sync PR 23913 - [scroll-animations] Add animation-timeline property behind flag

Categories

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

task

Tracking

(firefox79 fixed)

RESOLVED FIXED
mozilla79
Tracking Status
firefox79 --- fixed

People

(Reporter: mozilla.org, Unassigned)

References

(Depends on 1 open bug, )

Details

(Whiteboard: [wptsync downstream])

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

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

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

[scroll-animations] Add animation-timeline property behind flag

This CL adds parser/ComputedStyle support for the animation-timeline
property. The property doesn't have any affect yet.

The property accepts auto, none, \<custom-ident> or \<string>, and
(currently) needs to remember how it was specified in order to
serialize correctly. This is a situation that is useful in other
scenarios as well (e.g. animation-name), and it's a pattern I expect
to see more of in the future, hence this CL adds the 'StyleName' and
'StyleNameOrKeyword' classes for this purpose.

Note that expanding animation-timeline from the animation shorthand
is not possible yet, and will be done in a separate CL.

Bug: 1074052
Change-Id: Ie37e520fd64e9556863c09d97d8c9f8f7c5f7fbd
Reviewed-on: https://chromium-review.googlesource.com/2223950
WPT-Export-Revision: 7c4d0a1792c1f4ecba6219c75b345d1fb1e925ff

CI Results

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

Total 3 tests and 22 subtests

Status Summary

Firefox

OK : 3
PASS: 7
FAIL: 43

Chrome

OK : 3
PASS: 7
FAIL: 43

Safari

OK : 3
PASS: 7
FAIL: 43

Links

GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

/scroll-animations/css/animation-timeline-parsing.html
e.style['animation-timeline'] = "unset" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = ""auto"" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = ""initial"" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = ""inherit"" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = "test1, test2" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = "none, auto" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = "inherit" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = "initial" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = ""unset"" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = "revert" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = ""test"" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = ""none"" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = "none" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = "auto, none" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = ""revert"" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = "auto, auto" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = "auto" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = "test" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = "none, none" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
e.style['animation-timeline'] = "test1, "test2", none, test3, auto" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
/scroll-animations/css/animation-timeline-in-keyframe.html
The animation-timeline property may not be used in keyframes: FAIL (Chrome: FAIL, Safari: FAIL)
/scroll-animations/css/animation-timeline-computed.html
Property animation-timeline value 'none': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value 'none, auto': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value '"unset"': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value '"none"': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value 'none, none': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value 'test': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value '"auto"': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value 'test1, test2': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value 'revert': FAIL (Chrome: FAIL, Safari: FAIL)
The animation-timeline property shows up in CSSStyleDeclaration enumeration: FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value 'test1, "test2", none, test3, auto': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value 'unset': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value 'inherit': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value '"revert"': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value 'auto': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value 'auto, none': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value '"inherit"': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value '"test"': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value '"initial"': FAIL (Chrome: FAIL, Safari: FAIL)
The animation-timeline property shows up in CSSStyleDeclaration.cssText: FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value 'auto, auto': FAIL (Chrome: FAIL, Safari: FAIL)
Property animation-timeline value 'initial': FAIL (Chrome: FAIL, Safari: FAIL)

Pushed by wptsync@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/3e7123d39852
[wpt PR 23913] - [scroll-animations] Add animation-timeline property behind flag, a=testonly
Status: NEW → RESOLVED
Closed: 6 months ago
Resolution: --- → FIXED
Target Milestone: --- → mozilla79
You need to log in before you can comment on or make changes to this bug.