Closed Bug 1842929 Opened 2 years ago Closed 1 years ago

[wpt-sync] Sync PR 40975 - CSSTransitionDiscrete: implement transition shorthand

Categories

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

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

Tracking

()

Status:
RESOLVED FIXED
Milestone:
118 Branch
Tracking Flags:
Tracking Status
firefox118 --- fixed

People

(Reporter: wpt-sync, Unassigned)

References

(
URL
)

Details

(Whiteboard: [wptsync downstream])

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

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

Joey Arhar <jarhar@chromium.org> wrote:

CSSTransitionDiscrete: implement transition shorthand

This patch implements the proposed transition shorthand for
transition-animation-type:
https://github.com/w3c/csswg-drafts/issues/8857#issuecomment-1629501707

Bug: 1453112
Change-Id: I2f15592de8d9b74be864bd0e0c0eec9d2de77b73

Reviewed-on: https://chromium-review.googlesource.com/4679218
WPT-Export-Revision: 71543714174cd6bb50bd85ae5f2afeed9f8bbeb6

Component: web-platform-tests → CSS Transitions and Animations
Product: Testing → Core
Whiteboard: [wptsync downstream] → [wptsync downstream error]
Whiteboard: [wptsync downstream error] → [wptsync downstream]

CI Results

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

Total 4 tests and 18 subtests

Status Summary

Firefox

OK : 4
PASS: 17
FAIL: 54

Safari

OK : 4
PASS: 17
FAIL: 54

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

  • /css/css-properties-values-api/animation/custom-property-transition-mismatched-list.html [wpt.fyi]
    • A custom property of type <angle># yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <angle>+ yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <color># yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <color>+ yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <custom-ident># yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <custom-ident>+ yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <image># yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <image>+ yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <integer># yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <integer>+ yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <length-percentage># yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <length-percentage>+ yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <length># yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <length>+ yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <number># yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <number>+ yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <percentage># yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <percentage>+ yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <resolution># yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <resolution>+ yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <time># yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <time>+ yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <url># yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
    • A custom property of type <url>+ yields a discrete CSS Transition if the lists do not contain the same number of values: FAIL (Safari: FAIL)
  • /css/css-transitions/all-with-discrete.tentative.html [wpt.fyi]
    • transition:all with transition-animation-type:discrete should animate discrete properties.: FAIL (Safari: FAIL)
  • /css/css-transitions/parsing/transition-behavior.html [wpt.fyi]
    • e.style['transition-animation-type'] = "normal" should set the property value: FAIL (Safari: FAIL)
    • Property transition-animation-type value 'normal': FAIL (Safari: FAIL)
    • e.style['transition-animation-type'] = "discrete" should set the property value: FAIL (Safari: FAIL)
    • Property transition-animation-type value 'discrete': FAIL (Safari: FAIL)
    • e.style['transition'] = "discrete display" should set the property value: FAIL (Safari: FAIL)
    • Property transition value 'discrete display': FAIL (Safari: FAIL)
    • e.style['transition'] = "discrete display 3s" should set the property value: FAIL (Safari: FAIL)
    • Property transition value 'discrete display 3s': FAIL (Safari: FAIL)
    • e.style['transition'] = "discrete display 3s 1s" should set the property value: FAIL (Safari: FAIL)
    • Property transition value 'discrete display 3s 1s': FAIL (Safari: FAIL)
    • e.style['transition'] = "discrete display 3s ease-in-out" should set the property value: FAIL (Safari: FAIL)
    • Property transition value 'discrete display 3s ease-in-out': FAIL (Safari: FAIL)
    • e.style['transition'] = "discrete display 3s ease-in-out 1s" should set the property value: FAIL (Safari: FAIL)
    • Property transition value 'discrete display 3s ease-in-out 1s': FAIL (Safari: FAIL)
    • e.style['transition'] = "display discrete 3s ease-in-out 1s" should set the property value: FAIL (Safari: FAIL)
    • e.style['transition'] = "display 3s discrete ease-in-out 1s" should set the property value: FAIL (Safari: FAIL)
    • e.style['transition'] = "display 3s ease-in-out discrete 1s" should set the property value: FAIL (Safari: FAIL)
    • e.style['transition'] = "display 3s ease-in-out 1s discrete" should set the property value: FAIL (Safari: FAIL)
    • Property transition value 'display discrete 3s ease-in-out 1s': FAIL (Safari: FAIL)
    • Property transition value 'display 3s discrete ease-in-out 1s': FAIL (Safari: FAIL)
    • Property transition value 'display 3s ease-in-out discrete 1s': FAIL (Safari: FAIL)
    • Property transition value 'display 3s ease-in-out 1s discrete': FAIL (Safari: FAIL)
    • e.style['transition'] = "discrete display, normal opacity, color" should set the property value: FAIL (Safari: FAIL)
    • Property transition value 'discrete display, normal opacity, color': FAIL (Safari: FAIL)
    • e.style['transition'] = "normal opacity, color, discrete display" should set the property value: FAIL (Safari: FAIL)
    • Property transition value 'normal opacity, color, discrete display': FAIL (Safari: FAIL)
  • /css/css-transitions/parsing/transition-shorthand.html [wpt.fyi]
    • e.style['transition'] = "1s -3s cubic-bezier(0, -2, 1, 3) top" should set transition-animation-type: FAIL (Safari: FAIL)
    • e.style['transition'] = "1s -3s, cubic-bezier(0, -2, 1, 3) top" should set transition-animation-type: FAIL (Safari: FAIL)
    • e.style['transition'] = "cubic-bezier(0, -2, 1, 3) top, 1s -3s" should set transition-animation-type: FAIL (Safari: FAIL)
Pushed by wptsync@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/53b210b20e0c [wpt PR 40975] - CSSTransitionDiscrete: add transition-animation-type to transition shorthand, a=testonly https://hg.mozilla.org/integration/autoland/rev/2cdad72a7794 [wpt PR 40975] - Update wpt metadata, a=testonly

https://hg.mozilla.org/mozilla-central/rev/53b210b20e0c
https://hg.mozilla.org/mozilla-central/rev/2cdad72a7794

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