Closed Bug 1937932 Opened 2 months ago Closed 2 months ago

[wpt-sync] Sync PR 49747 - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=284669

Categories

(Core :: CSS Parsing and Computation, task, P4)

Product:
Core
Component:
CSS Parsing and Computation
Type:
task

Tracking

()

Status:
RESOLVED FIXED
Milestone:
135 Branch
Tracking Flags:
Tracking Status
firefox135 --- fixed

People

(Reporter: wpt-sync, Unassigned)

References

(
URL
)

Details

(Whiteboard: [wptsync downstream])

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

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

Sam Weinig <sam@webkit.org> wrote:

WebKit export of https://bugs.webkit.org/show_bug.cgi?id=284669

Update tests for new syntax used by CSS progress(), media-progress() and container-progress().

Component: web-platform-tests → CSS Parsing and Computation
Product: Testing → Core

CI Results

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

Total 11 tests and 26 subtests

Status Summary

Firefox

OK : 11
PASS: 92
FAIL: 183

Chrome

OK : 11
PASS: 129
FAIL: 146

Safari

OK : 11
PASS: 139
FAIL: 136

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

Firefox-only Failures

  • /css/css-transforms/animation/rotate-interpolation-math-functions-tentative.html [wpt.fyi]
    • CSS Transitions: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (-1) should be [20deg]: FAIL
    • CSS Transitions: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0) should be [100deg]: FAIL
    • CSS Transitions: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0.125) should be [110deg]: FAIL
    • CSS Transitions: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0.875) should be [170deg]: FAIL
    • CSS Transitions: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (1) should be [180deg]: FAIL
    • CSS Transitions: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (2) should be [260deg]: FAIL
    • CSS Transitions with transition: all: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (-1) should be [20deg]: FAIL
    • CSS Transitions with transition: all: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0) should be [100deg]: FAIL
    • CSS Transitions with transition: all: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0.125) should be [110deg]: FAIL
    • CSS Transitions with transition: all: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0.875) should be [170deg]: FAIL
    • CSS Transitions with transition: all: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (1) should be [180deg]: FAIL
    • CSS Transitions with transition: all: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (2) should be [260deg]: FAIL
    • CSS Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0) should be [100deg]: FAIL
    • Web Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0) should be [100deg]: FAIL
  • /css/css-transforms/animation/scale-animation-math-functions-tentative.html [wpt.fyi]
    • CSS Transitions: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (-1) should be [20]: FAIL
    • CSS Transitions: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL
    • CSS Transitions: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.125) should be [110]: FAIL
    • CSS Transitions: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.875) should be [170]: FAIL
    • CSS Transitions: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (1) should be [180]: FAIL
    • CSS Transitions: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (2) should be [260]: FAIL
    • CSS Transitions with transition: all: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (-1) should be [20]: FAIL
    • CSS Transitions with transition: all: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL
    • CSS Transitions with transition: all: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.125) should be [110]: FAIL
    • CSS Transitions with transition: all: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.875) should be [170]: FAIL
    • CSS Transitions with transition: all: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (1) should be [180]: FAIL
    • CSS Transitions with transition: all: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (2) should be [260]: FAIL
    • CSS Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (-1) should be [20]: FAIL
    • CSS Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL
    • CSS Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.125) should be [110]: FAIL
    • CSS Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.875) should be [170]: FAIL
    • CSS Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (1) should be [180]: FAIL
    • CSS Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (2) should be [260]: FAIL
    • Web Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (-1) should be [20]: FAIL
    • Web Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL
    • Web Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.125) should be [110]: FAIL
    • Web Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.875) should be [170]: FAIL
    • Web Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (1) should be [180]: FAIL
    • Web Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (2) should be [260]: FAIL

New Tests That Don't Pass

  • /css/css-transforms/animation/rotate-interpolation-math-functions-tentative.html [wpt.fyi]
    • CSS Transitions: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (-1) should be [20deg]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0) should be [100deg]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0.125) should be [110deg]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0.875) should be [170deg]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (1) should be [180deg]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (2) should be [260deg]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (-1) should be [20deg]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0) should be [100deg]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0.125) should be [110deg]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0.875) should be [170deg]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (1) should be [180deg]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (2) should be [260deg]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (-1) should be [20deg]: FAIL (Chrome: FAIL, Safari: PASS)
    • CSS Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0) should be [100deg]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0.125) should be [110deg]: FAIL (Chrome: FAIL, Safari: PASS)
    • CSS Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0.875) should be [170deg]: FAIL (Chrome: FAIL, Safari: PASS)
    • CSS Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (1) should be [180deg]: FAIL (Chrome: FAIL, Safari: PASS)
    • CSS Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (2) should be [260deg]: FAIL (Chrome: FAIL, Safari: PASS)
    • Web Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (-1) should be [20deg]: FAIL (Chrome: FAIL, Safari: PASS)
    • Web Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0) should be [100deg]: FAIL (Chrome: PASS, Safari: PASS)
    • Web Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0.125) should be [110deg]: FAIL (Chrome: FAIL, Safari: PASS)
    • Web Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (0.875) should be [170deg]: FAIL (Chrome: FAIL, Safari: PASS)
    • Web Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (1) should be [180deg]: FAIL (Chrome: FAIL, Safari: PASS)
    • Web Animations: property <rotate> from [100deg] to [calc(sign(20rem - 20px) * 180deg)] at (2) should be [260deg]: FAIL (Chrome: FAIL, Safari: PASS)
    • CSS Transitions: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (-1) should be [20deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (0) should be [100deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (0.125) should be [110deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (0.875) should be [170deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (1) should be [180deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (2) should be [260deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (-1) should be [20deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (0) should be [100deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (0.125) should be [110deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (0.875) should be [170deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (1) should be [180deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (2) should be [260deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (-1) should be [20deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (0) should be [100deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (0.125) should be [110deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (0.875) should be [170deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (1) should be [180deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (2) should be [260deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (-1) should be [20deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (0) should be [100deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (0.125) should be [110deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (0.875) should be [170deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (1) should be [180deg]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <rotate> from [calc(sign(20rem - 20px) * 100deg)] to [calc(progress(10rem, 20px, 100px) * 180deg)] at (2) should be [260deg]: FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-transforms/animation/scale-animation-math-functions-tentative.html [wpt.fyi]
    • CSS Transitions: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (-1) should be [20]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.125) should be [110]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.875) should be [170]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (1) should be [180]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (2) should be [260]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (-1) should be [20]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.125) should be [110]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.875) should be [170]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (1) should be [180]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (2) should be [260]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (-1) should be [20]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.125) should be [110]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.875) should be [170]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (1) should be [180]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (2) should be [260]: FAIL (Chrome: PASS, Safari: PASS)
    • Web Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (-1) should be [20]: FAIL (Chrome: PASS, Safari: PASS)
    • Web Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL (Chrome: PASS, Safari: PASS)
    • Web Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.125) should be [110]: FAIL (Chrome: PASS, Safari: PASS)
    • Web Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.875) should be [170]: FAIL (Chrome: PASS, Safari: PASS)
    • Web Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (1) should be [180]: FAIL (Chrome: PASS, Safari: PASS)
    • Web Animations: property <scale> from [100] to [calc(sign(20rem - 20px) * 180)] at (2) should be [260]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (-1) should be [20]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (0) should be [100]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (0.125) should be [110]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (0.875) should be [170]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (1) should be [180]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (2) should be [260]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (-1) should be [20]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (0) should be [100]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (0.125) should be [110]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (0.875) should be [170]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (1) should be [180]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (2) should be [260]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (-1) should be [20]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (0) should be [100]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (0.125) should be [110]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (0.875) should be [170]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (1) should be [180]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (2) should be [260]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (-1) should be [20]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (0) should be [100]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (0.125) should be [110]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (0.875) should be [170]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (1) should be [180]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <scale> from [calc(sign(20rem - 20px) * 100)] to [calc(progress(10rem, 20px, 100px) * 180)] at (2) should be [260]: FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-values/container-progress-computed.tentative.html [wpt.fyi]
    • container-progress(height, 0px, 1px) should be used-value-equivalent to 322: FAIL (Chrome: FAIL, Safari: FAIL)
    • container-progress(width of my-container, 0px, 1px) should be used-value-equivalent to 322: FAIL (Chrome: FAIL, Safari: FAIL)
    • container-progress(height, container-progress(height, 0px, 1px) * 1px, container-progress(height, 0px, 1px) * 1px) should be used-value-equivalent to 0: FAIL (Chrome: FAIL, Safari: FAIL)
    • container-progress(height, container-progress(height, 0px, 1px) * 0.5px, container-progress(height, 0px, 1px) * 1px) should be used-value-equivalent to 1: FAIL (Chrome: FAIL, Safari: FAIL)
    • container-progress(height, container-progress(width of my-container, 0px, 1px) * 1px, container-progress(height of my-container-2, 0px, 1px) * 1px) should be used-value-equivalent to 0: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(container-progress(width, 0px, 50px) * 10px + 100px) should be used-value-equivalent to 145.6px: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(container-progress(height, 10px, sign(50px - 500em) * 10px)) should be used-value-equivalent to -15.6: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(container-progress(width of my-container, 0px, 50px) * 10px + 100px) should be used-value-equivalent to 164.4px: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(container-progress(height of my-container, 10px, sign(50px - 500em) * 10px)) should be used-value-equivalent to -10.9: FAIL (Chrome: FAIL, Safari: FAIL)
    • container-progress() width fallback for non-existing container name: FAIL (Chrome: FAIL, Safari: FAIL)
    • container-progress() height fallback for non-existing container names: FAIL (Chrome: FAIL, Safari: FAIL)
    • container-progress() width fallback for out of scope container: FAIL (Chrome: FAIL, Safari: FAIL)
    • container-progress() height fallback for out of scope container: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(container-progress(width, 0px, 1px) * 1px) should be used-value-equivalent to 228px: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(container-progress(height of my-container, 0px, 1px) * 1s) should be used-value-equivalent to 228s: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(container-progress(width of my-container-2, 0px, 1px) * 1deg) should be used-value-equivalent to 5051deg: FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-values/container-progress-serialize.tentative.html [wpt.fyi]
    • 'calc(container-progress(width, 0px, 1px) / 1000)' as a specified value should serialize as 'calc(0.001 * container-progress(width, 0px, 1px))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(calc(container-progress(width, 0px, 1px) / 1000))' as a specified value should serialize as 'scale(calc(0.001 * container-progress(width, 0px, 1px)))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'calc(container-progress(width, 0px, 1px) / 1000)' as a computed value should serialize as '0.228'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(calc(container-progress(width, 0px, 1px) / 1000))' as a computed value should serialize as 'matrix(0.228, 0, 0, 0.228, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'calc(0.1 * container-progress(height of my-container, 0px, 10em))' as a specified value should serialize as 'calc(0.1 * container-progress(height of my-container, 0px, 10em))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(calc(0.1 * container-progress(height of my-container, 0px, 10em)))' as a specified value should serialize as 'scale(calc(0.1 * container-progress(height of my-container, 0px, 10em)))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'calc(0.1 * container-progress(height of my-container, 0px, 10em))' as a computed value should serialize as '0.228'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(calc(0.1 * container-progress(height of my-container, 0px, 10em)))' as a computed value should serialize as 'matrix(0.228, 0, 0, 0.228, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-values/media-progress-computed.tentative.html [wpt.fyi]
    • media-progress() identity check: FAIL (Chrome: FAIL, Safari: FAIL)
    • media-progress(height, media-progress(height, 0px, 1px) * 1px, media-progress(height, 0px, 1px) * 1px) should be used-value-equivalent to 0: FAIL (Chrome: FAIL, Safari: FAIL)
    • media-progress(height, media-progress(height, 0px, 1px) * 0.5px, media-progress(height, 0px, 1px) * 1px) should be used-value-equivalent to 1: FAIL (Chrome: FAIL, Safari: FAIL)
    • media-progress() with length product: FAIL (Chrome: FAIL, Safari: FAIL)
    • media-progress with complex, calculation: FAIL (Chrome: FAIL, Safari: FAIL)
    • media-progress() as length: FAIL (Chrome: FAIL, Safari: FAIL)
    • media-progress() as time: FAIL (Chrome: FAIL, Safari: FAIL)
    • media-progress() as angle: FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-values/media-progress-serialize.tentative.html [wpt.fyi]
    • 'media-progress(width, 0px, 1000px)' as a specified value should serialize as 'media-progress(width, 0px, 1000px)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(media-progress(width, 0px, 1000px))' as a specified value should serialize as 'scale(media-progress(width, 0px, 1000px))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'media-progress(width, 0px, 1000px)' as a computed value should serialize as '0.8'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(media-progress(width, 0px, 1000px))' as a computed value should serialize as 'matrix(0.8, 0, 0, 0.8, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'calc(0.1 * media-progress(height, 0px, 10em))' as a specified value should serialize as 'calc(0.1 * media-progress(height, 0px, 10em))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(calc(0.1 * media-progress(height, 0px, 10em)))' as a specified value should serialize as 'scale(calc(0.1 * media-progress(height, 0px, 10em)))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'calc(0.1 * media-progress(height, 0px, 10em))' as a computed value should serialize as '0.6'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(calc(0.1 * media-progress(height, 0px, 10em)))' as a computed value should serialize as 'matrix(0.6, 0, 0, 0.6, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'calc(media-progress(width, 0px, 100px) / 20)' as a specified value should serialize as 'calc(0.05 * media-progress(width, 0px, 100px))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(calc(media-progress(width, 0px, 100px) / 20))' as a specified value should serialize as 'scale(calc(0.05 * media-progress(width, 0px, 100px)))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'calc(media-progress(width, 0px, 100px) / 20)' as a computed value should serialize as '0.4'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(calc(media-progress(width, 0px, 100px) / 20))' as a computed value should serialize as 'matrix(0.4, 0, 0, 0.4, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'calc(1px * media-progress(height, abs(11em - 10rem), 110px / 10))' as a computed value should serialize as '590px'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-values/progress-computed.tentative.html [wpt.fyi]
    • progress(1, 0, 1) should be used-value-equivalent to 1: FAIL (Chrome: FAIL, Safari: FAIL)
    • progress(progress(1, 0, 1), progress(0px, 0px, 1px), progress(1deg, 0deg, 1deg)) should be used-value-equivalent to 1: FAIL (Chrome: FAIL, Safari: FAIL)
    • progress(sign(-10px) * 10px, (10px - 10px), 10px * progress(1deg, 0deg, 1deg)) should be used-value-equivalent to -1: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(progress(100px, 0px, 50px) * 10px + 100px) should be used-value-equivalent to 120px: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(progress(100, 0, sign(50px))) should be used-value-equivalent to 100: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(progress(abs(5%), hypot(3%, 4%), 10%)) should be used-value-equivalent to 0: FAIL (Chrome: FAIL, Safari: FAIL)
    • progress(1000em, 10em, 110em) should be used-value-equivalent to 9.9: FAIL (Chrome: FAIL, Safari: FAIL)
    • scale(progress(1000em, 10rem, 110em)) should be used-value-equivalent to scale(9.9): FAIL (Chrome: FAIL, Safari: FAIL)
    • scale(progress(0em, 0rem, 0em)) should be used-value-equivalent to scale(0): FAIL (Chrome: FAIL, Safari: FAIL)
    • scale(progress(sign(1em - 1rem) * 1ex, 0rem, 0em)) should be used-value-equivalent to scale(0): FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(progress(1, 0, 1) * 10px) should be used-value-equivalent to 10px: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(progress(1, 0, 1) * 1s) should be used-value-equivalent to 1s: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(progress(1, 0, 1) * 1deg) should be used-value-equivalent to 1deg: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(progress(sign(1001em - 10lh * progress(100px, 2rex, 10ex)) * 10em, 2rem, 12em) / 2) should be used-value-equivalent to 0.4: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(progress(sign(1001em - 10lh * progress(100px, 2rex, 10ex)) * 20em, 2rem, 12em) * 10) should be used-value-equivalent to 18: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(progress(sign(1001em - 10lh * progress(100px, 2rex, 10ex)) * 20em, 2rem, 12em) * 30) should be used-value-equivalent to 54: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(progress(sign(1001em - 10lh * progress(100px, 2rex, 10ex)) * 20em, 2rem, 12em) / 4) should be used-value-equivalent to 0.45: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(progress(sign(1001em - 10lh * progress(100px, 2rex, 10ex)) * 20em, 2rem, 12em) * 4) should be used-value-equivalent to 7: FAIL (Chrome: FAIL, Safari: FAIL)
    • calc(progress(sign(1001em - 10lh * progress(100px, 2rex, 10ex)) * 20em, 2rem, 12em) * 2) should be used-value-equivalent to 3.6: FAIL (Chrome: FAIL, Safari: FAIL)
    • rotate3d(progress(21em, 1rem, 11em), progress(21em, 1rem, 11em), progress(21em, 1rem, 11em), calc(progress(11em, 1rem, 11em) * 2deg)) should be used-value-equivalent to rotate3d(2, 2, 2, 2deg): FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-values/progress-serialize.tentative.html [wpt.fyi]
    • 'progress(100px, 0px, 100px)' as a specified value should serialize as 'calc(1)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(progress(100px, 0px, 100px))' as a specified value should serialize as 'scale(calc(1))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(progress(100px, 0px, 100px))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'progress(10em, 0px, 10em)' as a specified value should serialize as 'progress(10em, 0px, 10em)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(progress(10em, 0px, 10em))' as a specified value should serialize as 'scale(progress(10em, 0px, 10em))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(progress(10em, 0px, 10em))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'progress(10em, 0px, 10rem)' as a specified value should serialize as 'progress(10em, 0px, 10rem)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(progress(10em, 0px, 10rem))' as a specified value should serialize as 'scale(progress(10em, 0px, 10rem))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(progress(10em, 0px, 10rem))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'progress(100px, (10px - 10px), 100px)' as a specified value should serialize as 'calc(1)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(progress(100px, (10px - 10px), 100px))' as a specified value should serialize as 'scale(calc(1))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(progress(100px, (10px - 10px), 100px))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'progress(1%, (10% - 10%), 100%)' as a specified value should serialize as 'calc(0.01)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(progress(1%, (10% - 10%), 100%))' as a specified value should serialize as 'scale(calc(0.01))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'progress(1%, (10% - 10%), 100%)' as a computed value should serialize as '0.01'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(progress(1%, (10% - 10%), 100%))' as a computed value should serialize as 'matrix(0.01, 0, 0, 0.01, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'calc(0.5 * progress(100px, 0px, 100px))' as a specified value should serialize as 'calc(0.5)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(calc(0.5 * progress(100px, 0px, 100px)))' as a specified value should serialize as 'scale(calc(0.5))'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'calc(0.5 * progress(100px, 0px, 100px))' as a computed value should serialize as '0.5'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'scale(calc(0.5 * progress(100px, 0px, 100px)))' as a computed value should serialize as 'matrix(0.5, 0, 0, 0.5, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'calc(50px * progress(100px, 0px, 100px))' as a specified value should serialize as 'calc(50px)'.: FAIL (Chrome: FAIL, Safari: FAIL)
    • 'calc(1px * progress(abs(10%), (10% - 10%), 100% / 10))' as a computed value should serialize as '1px'.: FAIL (Chrome: FAIL, Safari: FAIL)

https://hg.mozilla.org/mozilla-central/rev/205fa9bd084d
https://hg.mozilla.org/mozilla-central/rev/38c2dee332cf

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