Closed Bug 1908546 Opened 1 year ago Closed 1 year ago

[wpt-sync] Sync PR 47182 - Add tests for interpolate-size and calc-size() with logical properties.

Categories

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

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

Tracking

()

Status:
RESOLVED FIXED
Milestone:
130 Branch
Tracking Flags:
Tracking Status
firefox130 --- fixed

People

(Reporter: wpt-sync, Unassigned)

References

(
URL
)

Details

(Whiteboard: [wptsync downstream])

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

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

L. David Baron <dbaron@chromium.org> wrote:

Add tests for interpolate-size and calc-size() with logical properties.

The interpolate-size property (and thus the calc-size() function)
already works correctly for logical properties, but this adds some basic
tests to check this.

Bug: 313072, 346977015
Change-Id: I92ac9f0df5dd4a744dc4939468d7f7617ddd06b9
Reviewed-on: https://chromium-review.googlesource.com/5714511
WPT-Export-Revision: 5c14ef3c18d53c883c17c6966dfe005058523689

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

CI Results

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

Total 2 tests and 77 subtests

Status Summary

Firefox

OK : 2
PASS: 65
FAIL: 156

Chrome

OK : 2
PASS: 89
FAIL: 132

Safari

OK : 2
PASS: 65
FAIL: 156

Links

GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

  • /css/css-values/calc-size/animation/interpolate-size-logical-properties-interpolation.html [wpt.fyi]
    • CSS Transitions: property <block-size> from [max-content] to [25px] at (-0.3) should be [90px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <block-size> from [max-content] to [25px] at (0) should be [75px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <block-size> from [max-content] to [25px] at (0.3) should be [60px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <block-size> from [max-content] to [25px] at (0.6) should be [45px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <block-size> from [max-content] to [25px] at (1.5) should be [0px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <block-size> from [max-content] to [25px] at (-0.3) should be [90px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <block-size> from [max-content] to [25px] at (0) should be [75px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <block-size> from [max-content] to [25px] at (0.3) should be [60px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <block-size> from [max-content] to [25px] at (0.6) should be [45px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <block-size> from [max-content] to [25px] at (1.5) should be [0px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <block-size> from [max-content] to [25px] at (-0.3) should be [90px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <block-size> from [max-content] to [25px] at (0.3) should be [60px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <block-size> from [max-content] to [25px] at (0.6) should be [45px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <block-size> from [max-content] to [25px] at (1.5) should be [0px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <block-size> from [max-content] to [25px] at (-0.3) should be [90px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <block-size> from [max-content] to [25px] at (0.3) should be [60px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <block-size> from [max-content] to [25px] at (0.6) should be [45px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <block-size> from [max-content] to [25px] at (1.5) should be [0px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <inline-size> from [max-content] to neutral at (-0.3) should be [132.5px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <inline-size> from [max-content] to neutral at (0) should be [125px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <inline-size> from [max-content] to neutral at (0.3) should be [117.5px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <inline-size> from [max-content] to neutral at (0.6) should be [110px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <inline-size> from [max-content] to neutral at (1.5) should be [87.5px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <inline-size> from [max-content] to neutral at (-0.3) should be [132.5px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <inline-size> from [max-content] to neutral at (0) should be [125px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <inline-size> from [max-content] to neutral at (0.3) should be [117.5px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <inline-size> from [max-content] to neutral at (0.6) should be [110px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <inline-size> from [max-content] to neutral at (1.5) should be [87.5px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <inline-size> from [max-content] to neutral at (-0.3) should be [132.5px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <inline-size> from [max-content] to neutral at (0.3) should be [117.5px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <inline-size> from [max-content] to neutral at (0.6) should be [110px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <inline-size> from [max-content] to neutral at (1.5) should be [87.5px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <inline-size> from [max-content] to neutral at (-0.3) should be [132.5px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <inline-size> from [max-content] to neutral at (0.3) should be [117.5px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <inline-size> from [max-content] to neutral at (0.6) should be [110px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <inline-size> from [max-content] to neutral at (1.5) should be [87.5px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <max-block-size> from neutral to [fit-content] at (-0.3) should be [calc-size(fit-content, 130px + size * -0.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <max-block-size> from neutral to [fit-content] at (0) should be [calc-size(fit-content, 100px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <max-block-size> from neutral to [fit-content] at (0.3) should be [calc-size(fit-content, 70px + size * 0.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <max-block-size> from neutral to [fit-content] at (0.6) should be [calc-size(fit-content, 40px + size * 0.6)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <max-block-size> from neutral to [fit-content] at (1) should be [calc-size(fit-content, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <max-block-size> from neutral to [fit-content] at (1.5) should be [calc-size(fit-content, -50px + size * 1.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <max-block-size> from neutral to [fit-content] at (-0.3) should be [calc-size(fit-content, 130px + size * -0.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <max-block-size> from neutral to [fit-content] at (0) should be [calc-size(fit-content, 100px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <max-block-size> from neutral to [fit-content] at (0.3) should be [calc-size(fit-content, 70px + size * 0.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <max-block-size> from neutral to [fit-content] at (0.6) should be [calc-size(fit-content, 40px + size * 0.6)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <max-block-size> from neutral to [fit-content] at (1) should be [calc-size(fit-content, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <max-block-size> from neutral to [fit-content] at (1.5) should be [calc-size(fit-content, -50px + size * 1.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <max-block-size> from neutral to [fit-content] at (0.6) should be [calc-size(fit-content, 40px + size * 0.6)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <max-block-size> from neutral to [fit-content] at (1) should be [calc-size(fit-content, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <max-block-size> from neutral to [fit-content] at (1.5) should be [calc-size(fit-content, -50px + size * 1.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <max-block-size> from neutral to [fit-content] at (0.6) should be [calc-size(fit-content, 40px + size * 0.6)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <max-block-size> from neutral to [fit-content] at (1) should be [calc-size(fit-content, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <max-block-size> from neutral to [fit-content] at (1.5) should be [calc-size(fit-content, -50px + size * 1.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <max-inline-size> from [max-content] to [100px] at (-0.3) should be [calc-size(max-content, -30px + size * 1.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <max-inline-size> from [max-content] to [100px] at (0) should be [calc-size(max-content, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <max-inline-size> from [max-content] to [100px] at (0.3) should be [calc-size(max-content, 30px + size * 0.7)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <max-inline-size> from [max-content] to [100px] at (0.6) should be [calc-size(max-content, 60px + size * 0.4)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <max-inline-size> from [max-content] to [100px] at (1) should be [calc-size(max-content, 100px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <max-inline-size> from [max-content] to [100px] at (1.5) should be [calc-size(max-content, 150px + size * -0.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <max-inline-size> from [max-content] to [100px] at (-0.3) should be [calc-size(max-content, -30px + size * 1.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <max-inline-size> from [max-content] to [100px] at (0) should be [calc-size(max-content, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <max-inline-size> from [max-content] to [100px] at (0.3) should be [calc-size(max-content, 30px + size * 0.7)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <max-inline-size> from [max-content] to [100px] at (0.6) should be [calc-size(max-content, 60px + size * 0.4)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <max-inline-size> from [max-content] to [100px] at (1) should be [calc-size(max-content, 100px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <max-inline-size> from [max-content] to [100px] at (1.5) should be [calc-size(max-content, 150px + size * -0.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <max-inline-size> from [max-content] to [100px] at (-0.3) should be [calc-size(max-content, -30px + size * 1.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <max-inline-size> from [max-content] to [100px] at (0) should be [calc-size(max-content, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <max-inline-size> from [max-content] to [100px] at (0.3) should be [calc-size(max-content, 30px + size * 0.7)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <max-inline-size> from [max-content] to [100px] at (0.6) should be [calc-size(max-content, 60px + size * 0.4)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <max-inline-size> from [max-content] to [100px] at (1) should be [calc-size(max-content, 100px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <max-inline-size> from [max-content] to [100px] at (1.5) should be [calc-size(max-content, 150px + size * -0.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <max-inline-size> from [max-content] to [100px] at (-0.3) should be [calc-size(max-content, -30px + size * 1.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <max-inline-size> from [max-content] to [100px] at (0) should be [calc-size(max-content, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <max-inline-size> from [max-content] to [100px] at (0.3) should be [calc-size(max-content, 30px + size * 0.7)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <max-inline-size> from [max-content] to [100px] at (0.6) should be [calc-size(max-content, 60px + size * 0.4)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <max-inline-size> from [max-content] to [100px] at (1) should be [calc-size(max-content, 100px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <max-inline-size> from [max-content] to [100px] at (1.5) should be [calc-size(max-content, 150px + size * -0.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <min-block-size> from [200px] to [min-content] at (-0.3) should be [calc-size(min-content, 260px + size * -0.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <min-block-size> from [200px] to [min-content] at (0) should be [calc-size(min-content, 200px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <min-block-size> from [200px] to [min-content] at (0.3) should be [calc-size(min-content, 140px + size * 0.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <min-block-size> from [200px] to [min-content] at (0.6) should be [calc-size(min-content, 80px + size * 0.6)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <min-block-size> from [200px] to [min-content] at (1) should be [calc-size(min-content, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <min-block-size> from [200px] to [min-content] at (1.5) should be [calc-size(min-content, -100px + size * 1.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <min-block-size> from [200px] to [min-content] at (-0.3) should be [calc-size(min-content, 260px + size * -0.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <min-block-size> from [200px] to [min-content] at (0) should be [calc-size(min-content, 200px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <min-block-size> from [200px] to [min-content] at (0.3) should be [calc-size(min-content, 140px + size * 0.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <min-block-size> from [200px] to [min-content] at (0.6) should be [calc-size(min-content, 80px + size * 0.6)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <min-block-size> from [200px] to [min-content] at (1) should be [calc-size(min-content, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <min-block-size> from [200px] to [min-content] at (1.5) should be [calc-size(min-content, -100px + size * 1.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <min-block-size> from [200px] to [min-content] at (-0.3) should be [calc-size(min-content, 260px + size * -0.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <min-block-size> from [200px] to [min-content] at (0) should be [calc-size(min-content, 200px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <min-block-size> from [200px] to [min-content] at (0.3) should be [calc-size(min-content, 140px + size * 0.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <min-block-size> from [200px] to [min-content] at (0.6) should be [calc-size(min-content, 80px + size * 0.6)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <min-block-size> from [200px] to [min-content] at (1) should be [calc-size(min-content, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <min-block-size> from [200px] to [min-content] at (1.5) should be [calc-size(min-content, -100px + size * 1.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <min-block-size> from [200px] to [min-content] at (-0.3) should be [calc-size(min-content, 260px + size * -0.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <min-block-size> from [200px] to [min-content] at (0) should be [calc-size(min-content, 200px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <min-block-size> from [200px] to [min-content] at (0.3) should be [calc-size(min-content, 140px + size * 0.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <min-block-size> from [200px] to [min-content] at (0.6) should be [calc-size(min-content, 80px + size * 0.6)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <min-block-size> from [200px] to [min-content] at (1) should be [calc-size(min-content, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <min-block-size> from [200px] to [min-content] at (1.5) should be [calc-size(min-content, -100px + size * 1.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <min-inline-size> from neutral to [100px] at (-0.3) should be [calc-size(auto, -30px + size * 1.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <min-inline-size> from neutral to [100px] at (0) should be [calc-size(auto, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <min-inline-size> from neutral to [100px] at (0.3) should be [calc-size(auto, 30px + size * 0.7)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <min-inline-size> from neutral to [100px] at (0.6) should be [calc-size(auto, 60px + size * 0.4)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <min-inline-size> from neutral to [100px] at (1) should be [calc-size(auto, 100px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <min-inline-size> from neutral to [100px] at (1.5) should be [calc-size(auto, 150px + size * -0.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <min-inline-size> from neutral to [100px] at (-0.3) should be [calc-size(auto, -30px + size * 1.3)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <min-inline-size> from neutral to [100px] at (0) should be [calc-size(auto, 0px + size * 1)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <min-inline-size> from neutral to [100px] at (0.3) should be [calc-size(auto, 30px + size * 0.7)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <min-inline-size> from neutral to [100px] at (0.6) should be [calc-size(auto, 60px + size * 0.4)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <min-inline-size> from neutral to [100px] at (1) should be [calc-size(auto, 100px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <min-inline-size> from neutral to [100px] at (1.5) should be [calc-size(auto, 150px + size * -0.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <min-inline-size> from neutral to [100px] at (0.6) should be [calc-size(auto, 60px + size * 0.4)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <min-inline-size> from neutral to [100px] at (1) should be [calc-size(auto, 100px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <min-inline-size> from neutral to [100px] at (1.5) should be [calc-size(auto, 150px + size * -0.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <min-inline-size> from neutral to [100px] at (0.6) should be [calc-size(auto, 60px + size * 0.4)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <min-inline-size> from neutral to [100px] at (1) should be [calc-size(auto, 100px + size * 0)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <min-inline-size> from neutral to [100px] at (1.5) should be [calc-size(auto, 150px + size * -0.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-values/calc-size/calc-size-parsing.tentative.html [wpt.fyi]
    • e.style['width'] = "calc-size(auto, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['min-width'] = "calc-size(auto, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['height'] = "calc-size(auto, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['min-height'] = "calc-size(auto, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(max-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['height'] = "calc-size(max-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['max-width'] = "calc-size(max-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['max-height'] = "calc-size(max-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['min-width'] = "calc-size(max-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['min-height'] = "calc-size(max-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['block-size'] = "calc-size(max-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['inline-size'] = "calc-size(max-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['max-block-size'] = "calc-size(max-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['max-inline-size'] = "calc-size(max-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['min-block-size'] = "calc-size(max-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['min-inline-size'] = "calc-size(max-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(fit-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['height'] = "calc-size(min-content, size * 2)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['max-width'] = "calc-size(max-content, size / 2)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['max-height'] = "calc-size(fit-content, 30px + size / 2)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(fit-content, 50% + size / 2)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(any, 25em)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(any, 40%)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(any, 50px + 30%)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(10px, sign(size) * size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(30px, 25em)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(calc-size(any, 30px), 25em)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(calc-size(2in, 30px), 25em)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(calc-size(min-content, 30px), 25em)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(calc-size(min-content, size), size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(30px)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(min(30px, 2em))" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(calc-size(any, 30px))" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(fit-content)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(calc-size(fit-content, size * 2))" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(calc-size(30px))" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
Pushed by wptsync@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/623d0aaa439f [wpt PR 47182] - Add tests for interpolate-size and calc-size() with logical properties., a=testonly https://hg.mozilla.org/integration/autoland/rev/9d7e52a259d0 [wpt PR 47182] - Update wpt metadata, a=testonly

https://hg.mozilla.org/mozilla-central/rev/623d0aaa439f
https://hg.mozilla.org/mozilla-central/rev/9d7e52a259d0

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