layout: Respond to shorthand property requests with real values (#31277)

* Respond to shorthand property requests with real values

Signed-off-by: Sebastian C <sebsebmc@gmail.com>

* Cleanup formatting and old comments

Signed-off-by: Sebastian C <sebsebmc@gmail.com>

* Update WPT expectations

Signed-off-by: Sebastian C <sebsebmc@gmail.com>

* Refactor out helper fn

Signed-off-by: Sebastian C <sebsebmc@gmail.com>

* Cleanup

Signed-off-by: Sebastian C <sebsebmc@gmail.com>

---------

Signed-off-by: Sebastian C <sebsebmc@gmail.com>
This commit is contained in:
Sebastian C 2024-02-10 17:15:17 -06:00 committed by GitHub
parent 0342d6beb0
commit 19667e117a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
51 changed files with 155 additions and 1666 deletions

View file

@ -146,3 +146,128 @@
[Web Animations: property <background-position> from [unset\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)\]]
expected: FAIL
[CSS Transitions: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px\]]
expected: FAIL
[CSS Transitions: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px\]]
expected: FAIL
[CSS Transitions: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px\]]
expected: FAIL
[CSS Transitions: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px\]]
expected: FAIL
[CSS Transitions: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px\]]
expected: FAIL
[CSS Transitions: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px\]]
expected: FAIL
[CSS Transitions: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px\]]
expected: FAIL
[CSS Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px\]]
expected: FAIL
[CSS Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px\]]
expected: FAIL
[CSS Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px\]]
expected: FAIL
[CSS Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px\]]
expected: FAIL
[CSS Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px\]]
expected: FAIL
[CSS Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px\]]
expected: FAIL
[CSS Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px\]]
expected: FAIL
[CSS Transitions: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px\]]
expected: FAIL
[CSS Transitions: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px\]]
expected: FAIL
[CSS Transitions: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px\]]
expected: FAIL
[CSS Transitions: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px\]]
expected: FAIL
[CSS Transitions: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px\]]
expected: FAIL
[CSS Transitions: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px\]]
expected: FAIL
[CSS Transitions: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px\]]
expected: FAIL
[CSS Animations: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px\]]
expected: FAIL
[CSS Animations: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px\]]
expected: FAIL
[CSS Animations: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px\]]
expected: FAIL
[CSS Animations: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px\]]
expected: FAIL
[CSS Animations: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px\]]
expected: FAIL
[CSS Animations: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px\]]
expected: FAIL
[CSS Animations: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px\]]
expected: FAIL