layout: grid template getComputedStyle resolved value (#34885)

* Store taffy detailed info into fragment

Signed-off-by: stevennovaryo <steven.novaryo@gmail.com>

* Fix info propagation and resolved grid track query

Signed-off-by: stevennovaryo <steven.novaryo@gmail.com>

* Fix import

Signed-off-by: stevennovaryo <steven.novaryo@gmail.com>

* Fix tracklist matching logic and type optimization

Signed-off-by: stevennovaryo <steven.novaryo@gmail.com>

* Run fmt

Signed-off-by: stevennovaryo <steven.novaryo@gmail.com>

* Update wpt expectations

Signed-off-by: stevennovaryo <steven.novaryo@gmail.com>

* Optimizing info propagation and minor qol

Signed-off-by: stevennovaryo <steven.novaryo@gmail.com>

* Run fmt

Signed-off-by: stevennovaryo <steven.novaryo@gmail.com>

---------

Signed-off-by: stevennovaryo <steven.novaryo@gmail.com>
This commit is contained in:
Steven Novaryo 2025-01-09 18:49:27 +08:00 committed by GitHub
parent 040e29415b
commit 76fa456a9a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
25 changed files with 297 additions and 778 deletions

View file

@ -2,9 +2,6 @@
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithPercentElement' : grid-template-columns = '400px 800px', grid-template-rows = '150px 450px']
expected: FAIL
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithPercentWithoutSize' : grid-template-columns = '3.5px 7px', grid-template-rows = '4px 12px']
expected: FAIL
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithAutoElement' : grid-template-columns = '0px 17px', grid-template-rows = '0px 3px']
expected: FAIL
@ -14,9 +11,6 @@
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithMinMaxContent' : grid-template-columns = '0px 0px', grid-template-rows = '0px 0px']
expected: FAIL
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithMinMaxContentWithChildrenElement' : grid-template-columns = '7px 17px', grid-template-rows = '16px 3px']
expected: FAIL
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithMinMaxAndFixed' : grid-template-columns = '240px 15px', grid-template-rows = '120px 210px']
expected: FAIL

View file

@ -5,18 +5,6 @@
[Element 'gridAutoAndAuto' grid-template-columns value computes to '45px 45px']
expected: FAIL
[Element 'gridMinContentAndMinContentFixed' grid-template-columns value computes to '20px 30px']
expected: FAIL
[Element 'gridMaxContentAndMinContent' grid-template-columns value computes to '70px 20px']
expected: FAIL
[Element 'gridFixedMinContentAndMaxContent' grid-template-columns value computes to '10px 80px']
expected: FAIL
[Element 'gridFixedMaxContentAndMinContent' grid-template-columns value computes to '60px 30px']
expected: FAIL
[Element 'gridMinContentAndMaxContentFixed' grid-template-columns value computes to '20px 70px']
expected: FAIL
@ -29,69 +17,18 @@
[Element 'gridAutoMaxContent' grid-template-columns value computes to '20px 70px']
expected: FAIL
[Element 'gridMaxContentAndMinContentFixed' grid-template-columns value computes to '70px 20px']
expected: FAIL
[Element 'gridMaxContentAndMaxContentFixed' grid-template-columns value computes to '55px 35px']
expected: FAIL
[Element 'gridMinContentFixedAndAutoUnsortedConstrained' grid-template-columns value computes to '0px 40px']
expected: FAIL
[Element 'gridAutoAndAutoUnsortedConstrained' grid-template-columns value computes to '10px 30px']
expected: FAIL
[Element 'gridMinContentAndMinContentFixedUnsortedConstrained' grid-template-columns value computes to '0px 40px']
expected: FAIL
[Element 'gridMaxContentAndMinContentUnsortedConstrained' grid-template-columns value computes to '0px 70px']
expected: FAIL
[Element 'gridFixedMinContentAndMaxContentUnsortedConstrained' grid-template-columns value computes to '10px 70px']
expected: FAIL
[Element 'gridFixedMaxContentAndMinContentUnsortedConstrained' grid-template-columns value computes to '10px 40px']
expected: FAIL
[Element 'gridMinContentAndMaxContentFixedUnsortedConstrained' grid-template-columns value computes to '0px 90px']
expected: FAIL
[Element 'gridMaxContentFixedAndAutoUnsortedConstrained' grid-template-columns value computes to '10px 40px']
expected: FAIL
[Element 'gridAutoMinContentUnsortedConstrained' grid-template-columns value computes to '0px 60px']
expected: FAIL
[Element 'gridAutoMaxContentUnsortedConstrained' grid-template-columns value computes to '0px 90px']
expected: FAIL
[Element 'gridMaxContentAndMinContentFixedUnsortedConstrained' grid-template-columns value computes to '50px 40px']
expected: FAIL
[Element 'gridMaxContentAndMaxContentFixedUnsortedConstrained' grid-template-columns value computes to '40px 70px']
expected: FAIL
[Element 'gridMinContentFixedAndAutoUnsorted' grid-template-columns value computes to '15px 90px']
expected: FAIL
[Element 'gridAutoAndAutoUnsorted' grid-template-columns value computes to '60px 30px']
expected: FAIL
[Element 'gridMinContentAndMinContentFixedUnsorted' grid-template-columns value computes to '0px 40px']
expected: FAIL
[Element 'gridMaxContentAndMinContentUnsorted' grid-template-columns value computes to '0px 70px']
expected: FAIL
[Element 'gridFixedMinContentAndMaxContentUnsorted' grid-template-columns value computes to '10px 70px']
expected: FAIL
[Element 'gridFixedMaxContentAndMinContentUnsorted' grid-template-columns value computes to '50px 40px']
expected: FAIL
[Element 'gridMinContentAndMaxContentFixedUnsorted' grid-template-columns value computes to '0px 90px']
expected: FAIL
[Element 'gridMaxContentFixedAndAutoUnsorted' grid-template-columns value computes to '15px 70px']
expected: FAIL
@ -101,26 +38,11 @@
[Element 'gridAutoMaxContentUnsorted' grid-template-columns value computes to '0px 90px']
expected: FAIL
[Element 'gridMaxContentAndMinContentFixedUnsorted' grid-template-columns value computes to '50px 40px']
expected: FAIL
[Element 'gridMaxContentAndMaxContentFixedUnsorted' grid-template-columns value computes to '40px 70px']
expected: FAIL
[Element 'gridMinContentFixedAndAutoAboveLimits' grid-template-columns value computes to '15px 95px']
expected: FAIL
[Element 'gridMaxContentFixedAndAutoAboveLimits' grid-template-columns value computes to '15px 135px']
expected: FAIL
[Element 'gridMinContentFixedAndFixedFixedAndAuto' grid-template-columns value computes to '20px 20px 60px']
expected: FAIL
[Element 'gridAutoAndFixedFixedAndMaxContentFixed' grid-template-columns value computes to '110px 20px 20px']
expected: FAIL
[Element 'gridMaxContentAndMaxContentFixedAndMaxContent' grid-template-columns value computes to '70px 20px 50px']
expected: FAIL
[Element 'gridAutoAndMinContentFixedAndMinContent' grid-template-columns value computes to '55px 30px 65px']
expected: FAIL

View file

@ -1,67 +1,19 @@
[grid-template-rows-computed-withcontent.html]
[Property grid-template-rows value 'none']
expected: FAIL
[Property grid-template-rows value '20%']
expected: FAIL
[Property grid-template-rows value 'calc(30% + 40px)']
expected: FAIL
[Property grid-template-rows value '5fr']
expected: FAIL
[Property grid-template-rows value 'min-content']
expected: FAIL
[Property grid-template-rows value 'max-content']
expected: FAIL
[Property grid-template-rows value 'auto']
expected: FAIL
[Property grid-template-rows value 'minmax(10px, auto)']
expected: FAIL
[Property grid-template-rows value 'minmax(20%, max-content)']
expected: FAIL
[Property grid-template-rows value 'minmax(min-content, calc(-0.5em + 10px))']
expected: FAIL
[Property grid-template-rows value 'minmax(auto, 0)']
expected: FAIL
[Property grid-template-rows value 'fit-content(70px)']
expected: FAIL
[Property grid-template-rows value 'fit-content(20%)']
expected: FAIL
[Property grid-template-rows value 'fit-content(calc(-0.5em + 10px))']
expected: FAIL
[Property grid-template-rows value 'repeat(1, 10px)']
expected: FAIL
[Property grid-template-rows value 'repeat(1, [one two\] 20%)']
expected: FAIL
[Property grid-template-rows value 'repeat(2, minmax(10px, auto))']
expected: FAIL
[Property grid-template-rows value 'repeat(2, fit-content(20%) [three four\] 30px 40px [five six\])']
expected: FAIL
[Property grid-template-rows value 'min-content repeat(5, minmax(10px, auto))']
expected: FAIL
[Property grid-template-rows value '[\] 150px [\] 1fr [\]']
expected: FAIL
[Property grid-template-rows value 'repeat(auto-fill, 200px)']
expected: FAIL
[Property grid-template-rows value 'repeat(auto-fit, [one\] 20%)']
expected: FAIL