mirror of
https://github.com/servo/servo.git
synced 2025-08-12 00:45:33 +01:00
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
GitHub
parent
040e29415b
commit
76fa456a9a
25 changed files with 297 additions and 778 deletions
|
|
@ -1,2 +0,0 @@
|
|||
[grid-auto-repeat-positioned-container-001.html]
|
||||
expected: FAIL
|
||||
|
|
@ -1,48 +1,12 @@
|
|||
[grid-minimum-contribution-with-percentages.html]
|
||||
[auto - columns]
|
||||
expected: FAIL
|
||||
|
||||
[auto - rows]
|
||||
expected: FAIL
|
||||
|
||||
[min - columns]
|
||||
expected: FAIL
|
||||
|
||||
[min - rows]
|
||||
expected: FAIL
|
||||
|
||||
[max - columns]
|
||||
expected: FAIL
|
||||
|
||||
[max - rows]
|
||||
expected: FAIL
|
||||
|
||||
[size - columns]
|
||||
expected: FAIL
|
||||
|
||||
[size - rows]
|
||||
expected: FAIL
|
||||
|
||||
[min max - columns]
|
||||
expected: FAIL
|
||||
|
||||
[min max - rows]
|
||||
expected: FAIL
|
||||
|
||||
[min size - columns]
|
||||
expected: FAIL
|
||||
|
||||
[min size - rows]
|
||||
expected: FAIL
|
||||
|
||||
[max size - columns]
|
||||
expected: FAIL
|
||||
|
||||
[max size - rows]
|
||||
expected: FAIL
|
||||
|
||||
[min max size - columns]
|
||||
expected: FAIL
|
||||
|
||||
[min max size - rows]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -2,117 +2,60 @@
|
|||
['emptyGrid' with: grid-template-columns: 1fr; and grid-template-rows: 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 1fr; and grid-template-rows: 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: 2fr; and grid-template-rows: 2fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 2fr; and grid-template-rows: 2fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: 10fr; and grid-template-rows: 10fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 10fr; and grid-template-rows: 10fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: 0.5fr; and grid-template-rows: 0.5fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 0.5fr; and grid-template-rows: 0.5fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: .5fr; and grid-template-rows: .5fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: .5fr; and grid-template-rows: .5fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: minmax(100px, 1fr); and grid-template-rows: minmax(100px, 1fr);]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: minmax(100px, 1fr); and grid-template-rows: minmax(100px, 1fr);]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: minmax(1fr, 1fr); and grid-template-rows: minmax(1fr, 1fr);]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: minmax(1fr, 1fr); and grid-template-rows: minmax(1fr, 1fr);]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: 1fr 1fr; and grid-template-rows: 1fr 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 1fr 1fr; and grid-template-rows: 1fr 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: 0.25fr 0.75fr; and grid-template-rows: 0.25fr 0.75fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 0.25fr 0.75fr; and grid-template-rows: 0.25fr 0.75fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: 1fr 2fr 1fr; and grid-template-rows: 1fr 2fr 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 1fr 2fr 1fr; and grid-template-rows: 1fr 2fr 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: auto 1fr 4fr 3fr 2fr; and grid-template-rows: auto 1fr 4fr 3fr 2fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: auto 1fr 4fr 3fr 2fr; and grid-template-rows: auto 1fr 4fr 3fr 2fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: 1fr 4fr 100px 3fr 2fr; and grid-template-rows: 1fr 4fr 100px 3fr 2fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 1fr 4fr 100px 3fr 2fr; and grid-template-rows: 1fr 4fr 100px 3fr 2fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: auto 1fr; and grid-template-rows: auto 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: auto 1fr; and grid-template-rows: auto 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: max-content 1fr; and grid-template-rows: max-content 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: max-content 1fr; and grid-template-rows: max-content 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: min-content 1fr; and grid-template-rows: min-content 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: min-content 1fr; and grid-template-rows: min-content 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: 1fr auto; and grid-template-rows: 1fr auto;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 1fr auto; and grid-template-rows: 1fr auto;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: 300px 1fr; and grid-template-rows: 200px 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 300px 1fr; and grid-template-rows: 200px 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: 800px 1fr; and grid-template-rows: 600px 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 800px 1fr; and grid-template-rows: 600px 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: 1000px 1fr; and grid-template-rows: 700px 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 1000px 1fr; and grid-template-rows: 700px 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: calc(50px + 50%) 1fr; and grid-template-rows: calc(50px + 50%) 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -122,15 +65,9 @@
|
|||
['emptyGrid' with: grid-template-columns: minmax(100px, 300px) 1fr; and grid-template-rows: minmax(100px, 200px) 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: minmax(100px, 300px) 1fr; and grid-template-rows: minmax(100px, 200px) 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: repeat(4, 1fr); and grid-template-rows: repeat(4, 1fr);]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: repeat(4, 1fr); and grid-template-rows: repeat(4, 1fr);]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: [a\] repeat(4, [b\] 1fr [c\]) [d\]; and grid-template-rows: [z\] repeat(4, [y\] 1fr) [x\];]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -11,9 +11,6 @@
|
|||
['emptyGrid' with: grid-template-columns: 25%; and grid-template-rows: 50%;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 25%; and grid-template-rows: 50%;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: calc(200px + 10%); and grid-template-rows: calc(25% + 50px);]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -23,27 +20,15 @@
|
|||
['emptyGrid' with: grid-template-columns: 1fr; and grid-template-rows: 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 1fr; and grid-template-rows: 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: max-content; and grid-template-rows: max-content;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: max-content; and grid-template-rows: max-content;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: min-content; and grid-template-rows: min-content;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: min-content; and grid-template-rows: min-content;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: minmax(200px, 400px); and grid-template-rows: minmax(50px, 100px);]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: minmax(200px, 400px); and grid-template-rows: minmax(50px, 100px);]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: minmax(calc(10% + 200px), calc(800px - 20%)); and grid-template-rows: minmax(calc(20% + 50px), calc(600px - 10%));]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -53,33 +38,18 @@
|
|||
['emptyGrid' with: grid-template-columns: 40em 100px 15%; and grid-template-rows: 50px 20em 10%;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 40em 100px 15%; and grid-template-rows: 50px 20em 10%;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: 200px 1fr; and grid-template-rows: 1fr 100px;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 200px 1fr; and grid-template-rows: 1fr 100px;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: auto 1fr; and grid-template-rows: auto 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: auto 1fr; and grid-template-rows: auto 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: 1fr 3fr; and grid-template-rows: 2fr 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 1fr 3fr; and grid-template-rows: 2fr 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: minmax(25px, 75px) 750px; and grid-template-rows: minmax(50px, 150px) 500px;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: minmax(25px, 75px) 750px; and grid-template-rows: minmax(50px, 150px) 500px;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: min-content 1fr calc(20px + 10%) minmax(30em, 50em); and grid-template-rows: min-content 1fr calc(10% + 40px) minmax(3em, 5em);]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -20,21 +20,12 @@
|
|||
['emptyGrid' with: grid-template-columns: repeat(5, 10%); and grid-template-rows: repeat(5, 10%);]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: repeat(5, 10%); and grid-template-rows: repeat(5, 10%);]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: max-content repeat(2, 25%) 1fr; and grid-template-rows: 100px repeat(2, 25%) 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: max-content repeat(2, 25%) 1fr; and grid-template-rows: max-content repeat(2, 25%) 1fr;]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: repeat(2, min-content 50px); and grid-template-rows: repeat(2, min-content 50px);]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: repeat(2, min-content 50px); and grid-template-rows: repeat(2, min-content 50px);]
|
||||
expected: FAIL
|
||||
|
||||
['emptyGrid' with: grid-template-columns: repeat(2, [a\] minmax(50px, 100px) [b\] 25em [c\]); and grid-template-rows: repeat(2, [a\] minmax(50px, 100px) [b\] 25em [c\]);]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -91,3 +82,6 @@
|
|||
|
||||
['grid' with: grid-template-columns: 100px repeat(2, [a\]); and grid-template-rows: 100px repeat(2, [a\]);]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: [a\] repeat(2, [b\] 100px); and grid-template-rows: [a\] repeat(2, [b\] 100px);]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -112,3 +112,105 @@
|
|||
|
||||
[Children of 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px 70px; and grid-template-rows: 60px 70px;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: ; and grid-template-rows: ;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 60px; and grid-template-rows: ;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 100px 60px; and grid-template-rows: ;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: ; and grid-template-rows: 50px;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: ; and grid-template-rows: 50px 30px;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 60px; and grid-template-rows: 50px;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 60px; and grid-template-rows: 50px 30px;]
|
||||
expected: FAIL
|
||||
|
||||
['grid' with: grid-template-columns: 100px 60px; and grid-template-rows: 50px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridItemsPositions' with: grid-template-columns: ; and grid-template-rows: ;]
|
||||
expected: FAIL
|
||||
|
||||
['gridItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: ;]
|
||||
expected: FAIL
|
||||
|
||||
['gridItemsPositions' with: grid-template-columns: 60px 50px; and grid-template-rows: ;]
|
||||
expected: FAIL
|
||||
|
||||
['gridItemsPositions' with: grid-template-columns: ; and grid-template-rows: 60px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridItemsPositions' with: grid-template-columns: ; and grid-template-rows: 60px 50px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: 60px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: 60px 50px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridItemsPositions' with: grid-template-columns: 60px 50px; and grid-template-rows: 60px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridItemsPositions' with: grid-template-columns: 60px 50px; and grid-template-rows: 60px 50px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumn' with: grid-template-columns: ; and grid-template-rows: ;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumn' with: grid-template-columns: 60px; and grid-template-rows: ;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumn' with: grid-template-columns: 100px 60px; and grid-template-rows: ;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumn' with: grid-template-columns: ; and grid-template-rows: 50px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumn' with: grid-template-columns: ; and grid-template-rows: 50px 30px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumn' with: grid-template-columns: 60px; and grid-template-rows: 50px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumn' with: grid-template-columns: 60px; and grid-template-rows: 50px 30px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumn' with: grid-template-columns: 100px 60px; and grid-template-rows: 50px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumnItemsPositions' with: grid-template-columns: ; and grid-template-rows: ;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: ;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px 70px; and grid-template-rows: ;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumnItemsPositions' with: grid-template-columns: ; and grid-template-rows: 60px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumnItemsPositions' with: grid-template-columns: ; and grid-template-rows: 60px 70px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: 60px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: 60px 70px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px 70px; and grid-template-rows: 60px;]
|
||||
expected: FAIL
|
||||
|
||||
['gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px 70px; and grid-template-rows: 60px 70px;]
|
||||
expected: FAIL
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue