LibWeb: Serialize grid-template shorthand correctly

This commit is contained in:
Tim Ledbetter 2025-09-27 18:31:19 +01:00 committed by Alexander Kalenik
parent cb6ca85564
commit bf1564388d
Notes: github-actions[bot] 2025-09-28 15:36:02 +00:00
5 changed files with 106 additions and 89 deletions

View file

@ -2,8 +2,8 @@ Harness status: OK
Found 141 tests
100 Pass
41 Fail
101 Pass
40 Fail
Fail e.style.cssText = grid: auto-flow auto / 100px 100px should set grid
Fail e.style.cssText = grid: auto-flow auto / 100px 100px should set grid-template-areas
Pass e.style.cssText = grid: auto-flow auto / 100px 100px; grid-template-areas: "one two" "three four" should set grid
@ -41,7 +41,7 @@ Fail e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(aut
Pass e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(auto-fit, 20px) should set grid-template-columns
Pass e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-flow: inherit should set grid
Pass e.style.cssText = grid: 1px / 2px; grid-auto-flow: row should set grid
Fail e.style.cssText = grid: none / 2px; grid-auto-flow: row should set grid
Pass e.style.cssText = grid: none / 2px; grid-auto-flow: row should set grid
Pass e.style.cssText = grid: 1px / 2px; grid-auto-columns: auto should set grid
Pass e.style.cssText = grid: 1px / 2px; grid-auto-rows: auto should set grid
Fail e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: auto should set grid

View file

@ -2,46 +2,46 @@ Harness status: OK
Found 49 tests
8 Pass
41 Fail
38 Pass
11 Fail
Pass e.style['grid'] = "none" should set the property value
Pass e.style['grid'] = "none / none" should set the property value
Pass e.style['grid'] = "auto / auto" should set the property value
Fail e.style['grid'] = "none / [a] 0px" should set the property value
Fail e.style['grid'] = "none / [] 0px" should set the property value
Fail e.style['grid'] = "[a] 10px / auto" should set the property value
Fail e.style['grid'] = "[a] 10px / none" should set the property value
Pass e.style['grid'] = "none / [a] 0px" should set the property value
Pass e.style['grid'] = "none / [] 0px" should set the property value
Pass e.style['grid'] = "[a] 10px / auto" should set the property value
Pass e.style['grid'] = "[a] 10px / none" should set the property value
Pass e.style['grid'] = "[] 10px [] / [] auto []" should set the property value
Fail e.style['grid'] = "[a] \"a\" 10px" should set the property value
Fail e.style['grid'] = "[a] \"a\" 10px []" should set the property value
Pass e.style['grid'] = "[a] \"a\" 10px" should set the property value
Pass e.style['grid'] = "[a] \"a\" 10px []" should set the property value
Pass e.style['grid'] = "\"a\" 10px" should set the property value
Pass e.style['grid'] = "[] \"a\" 10px" should set the property value
Fail e.style['grid'] = "[a] \"a\" 10px [a]" should set the property value
Fail e.style['grid'] = "\"a\"" should set the property value
Fail e.style['grid'] = "\"a\" auto" should set the property value
Fail e.style['grid'] = "\"a a a\"" should set the property value
Fail e.style['grid'] = "\"a\" / 10px" should set the property value
Fail e.style['grid'] = "\"a\" / 20%" should set the property value
Fail e.style['grid'] = "\"a\" / 5fr" should set the property value
Fail e.style['grid'] = "[a] \"a\"" should set the property value
Fail e.style['grid'] = "[a] \"a\" [a]" should set the property value
Fail e.style['grid'] = "[] \"a\"" should set the property value
Fail e.style['grid'] = "\"a\" [] [] \"b\"" should set the property value
Fail e.style['grid'] = "\"a\" [] \"b\"" should set the property value
Fail e.style['grid'] = "\"a\" [a] [b] \"b\"" should set the property value
Fail e.style['grid'] = "\"a\" [a] \"b\"" should set the property value
Fail e.style['grid'] = "\"a\" / 0" should set the property value
Pass e.style['grid'] = "[a] \"a\" 10px [a]" should set the property value
Pass e.style['grid'] = "\"a\"" should set the property value
Pass e.style['grid'] = "\"a\" auto" should set the property value
Pass e.style['grid'] = "\"a a a\"" should set the property value
Pass e.style['grid'] = "\"a\" / 10px" should set the property value
Pass e.style['grid'] = "\"a\" / 20%" should set the property value
Pass e.style['grid'] = "\"a\" / 5fr" should set the property value
Pass e.style['grid'] = "[a] \"a\"" should set the property value
Pass e.style['grid'] = "[a] \"a\" [a]" should set the property value
Pass e.style['grid'] = "[] \"a\"" should set the property value
Pass e.style['grid'] = "\"a\" [] [] \"b\"" should set the property value
Pass e.style['grid'] = "\"a\" [] \"b\"" should set the property value
Pass e.style['grid'] = "\"a\" [a] [b] \"b\"" should set the property value
Pass e.style['grid'] = "\"a\" [a] \"b\"" should set the property value
Pass e.style['grid'] = "\"a\" / 0" should set the property value
Pass e.style['grid'] = "\"a\" 10px / 10px" should set the property value
Fail e.style['grid'] = "\"a\" [a] \"b\" 10px" should set the property value
Fail e.style['grid'] = "\"a\" [a] \"b\" 10px [a]" should set the property value
Fail e.style['grid'] = "\"a\" [a] [a] \"b\" 10px" should set the property value
Fail e.style['grid'] = "\"a\" [a] [] \"b\" 10px" should set the property value
Fail e.style['grid'] = "\"a\" 10px [a] \"b\" [a]" should set the property value
Fail e.style['grid'] = "\"a\" [a] \"b\" [a]" should set the property value
Pass e.style['grid'] = "\"a\" [a] \"b\" 10px" should set the property value
Pass e.style['grid'] = "\"a\" [a] \"b\" 10px [a]" should set the property value
Pass e.style['grid'] = "\"a\" [a] [a] \"b\" 10px" should set the property value
Pass e.style['grid'] = "\"a\" [a] [] \"b\" 10px" should set the property value
Pass e.style['grid'] = "\"a\" 10px [a] \"b\" [a]" should set the property value
Pass e.style['grid'] = "\"a\" [a] \"b\" [a]" should set the property value
Fail e.style['grid'] = "[a] \"a\" [a] \"b\" [a]" should set the property value
Fail e.style['grid'] = "\"a\" \"a\" [a] \"b\" [a]" should set the property value
Fail e.style['grid'] = "\"a\" [a] \"b\" [a] / 0" should set the property value
Fail e.style['grid'] = "\"a\" \"a\" [a] [a] \"b\" / auto" should set the property value
Pass e.style['grid'] = "\"a\" \"a\" [a] \"b\" [a]" should set the property value
Pass e.style['grid'] = "\"a\" [a] \"b\" [a] / 0" should set the property value
Pass e.style['grid'] = "\"a\" \"a\" [a] [a] \"b\" / auto" should set the property value
Fail e.style['grid'] = "100px / auto-flow dense 100px" should set the property value
Fail e.style['grid'] = "auto-flow dense 1fr / 100px" should set the property value
Fail e.style['grid'] = "100px / dense auto-flow 100px" should set the property value

View file

@ -2,11 +2,10 @@ Harness status: OK
Found 6 tests
3 Pass
3 Fail
Fail grid-template: none / 1px and "grid-template-areas: "a";" should be valid.
6 Pass
Pass grid-template: none / 1px and "grid-template-areas: "a";" should be valid.
Pass grid-template: none / none and "grid-template-areas: "a";" should be valid.
Pass grid-template: none / none and "grid-template-areas: "a" "b" "c" "d" "e";" should be valid.
Fail grid-template: auto / 1px and "grid-template-areas: "a a a";" should be valid.
Fail grid-template: auto / auto and "grid-template-areas: "a a a";" should be valid.
Pass grid-template: auto / 1px and "grid-template-areas: "a a a";" should be valid.
Pass grid-template: auto / auto and "grid-template-areas: "a a a";" should be valid.
Pass grid-template: 10px 20px 30px / 40px 50px 60px 70px and "grid-template-areas: "a . b ." "c d . e" "f g h .";" should be valid.

View file

@ -2,45 +2,45 @@ Harness status: OK
Found 40 tests
8 Pass
32 Fail
39 Pass
1 Fail
Pass e.style['grid-template'] = "none" should set the property value
Pass e.style['grid-template'] = "none / none" should set the property value
Pass e.style['grid-template'] = "auto / auto" should set the property value
Fail e.style['grid-template'] = "none / [a] 0px" should set the property value
Fail e.style['grid-template'] = "none / [] 0px" should set the property value
Fail e.style['grid-template'] = "[a] 10px / auto" should set the property value
Fail e.style['grid-template'] = "[a] 10px / none" should set the property value
Pass e.style['grid-template'] = "none / [a] 0px" should set the property value
Pass e.style['grid-template'] = "none / [] 0px" should set the property value
Pass e.style['grid-template'] = "[a] 10px / auto" should set the property value
Pass e.style['grid-template'] = "[a] 10px / none" should set the property value
Pass e.style['grid-template'] = "[] 10px [] / [] auto []" should set the property value
Fail e.style['grid-template'] = "[a] \"a\" 10px" should set the property value
Fail e.style['grid-template'] = "[a] \"a\" 10px []" should set the property value
Pass e.style['grid-template'] = "[a] \"a\" 10px" should set the property value
Pass e.style['grid-template'] = "[a] \"a\" 10px []" should set the property value
Pass e.style['grid-template'] = "\"a\" 10px" should set the property value
Pass e.style['grid-template'] = "[] \"a\" 10px" should set the property value
Fail e.style['grid-template'] = "[a] \"a\" 10px [a]" should set the property value
Fail e.style['grid-template'] = "\"a\"" should set the property value
Fail e.style['grid-template'] = "\"a\" auto" should set the property value
Fail e.style['grid-template'] = "\"a a a\"" should set the property value
Fail e.style['grid-template'] = "\"a\" / 10px" should set the property value
Fail e.style['grid-template'] = "\"a\" / 20%" should set the property value
Fail e.style['grid-template'] = "\"a\" / 5fr" should set the property value
Fail e.style['grid-template'] = "[a] \"a\"" should set the property value
Fail e.style['grid-template'] = "[a] \"a\" [a]" should set the property value
Fail e.style['grid-template'] = "[] \"a\"" should set the property value
Fail e.style['grid-template'] = "\"a\" [] [] \"b\"" should set the property value
Fail e.style['grid-template'] = "\"a\" [] \"b\"" should set the property value
Fail e.style['grid-template'] = "\"a\" [a] [b] \"b\"" should set the property value
Fail e.style['grid-template'] = "\"a\" [a] \"b\"" should set the property value
Fail e.style['grid-template'] = "\"a\" / 0" should set the property value
Pass e.style['grid-template'] = "[a] \"a\" 10px [a]" should set the property value
Pass e.style['grid-template'] = "\"a\"" should set the property value
Pass e.style['grid-template'] = "\"a\" auto" should set the property value
Pass e.style['grid-template'] = "\"a a a\"" should set the property value
Pass e.style['grid-template'] = "\"a\" / 10px" should set the property value
Pass e.style['grid-template'] = "\"a\" / 20%" should set the property value
Pass e.style['grid-template'] = "\"a\" / 5fr" should set the property value
Pass e.style['grid-template'] = "[a] \"a\"" should set the property value
Pass e.style['grid-template'] = "[a] \"a\" [a]" should set the property value
Pass e.style['grid-template'] = "[] \"a\"" should set the property value
Pass e.style['grid-template'] = "\"a\" [] [] \"b\"" should set the property value
Pass e.style['grid-template'] = "\"a\" [] \"b\"" should set the property value
Pass e.style['grid-template'] = "\"a\" [a] [b] \"b\"" should set the property value
Pass e.style['grid-template'] = "\"a\" [a] \"b\"" should set the property value
Pass e.style['grid-template'] = "\"a\" / 0" should set the property value
Pass e.style['grid-template'] = "\"a\" 10px / 10px" should set the property value
Pass e.style['grid-template'] = "\"a\" calc(100% - 10px) / calc(10px)" should set the property value
Fail e.style['grid-template'] = "\"a\" [a] \"b\" 10px" should set the property value
Fail e.style['grid-template'] = "\"a\" [a] \"b\" 10px [a]" should set the property value
Fail e.style['grid-template'] = "\"a\" [a] [a] \"b\" 10px" should set the property value
Fail e.style['grid-template'] = "\"a\" [a] [] \"b\" 10px" should set the property value
Fail e.style['grid-template'] = "\"a\" 10px [a] \"b\" [a]" should set the property value
Fail e.style['grid-template'] = "\"a\" [a] \"b\" [a]" should set the property value
Pass e.style['grid-template'] = "\"a\" [a] \"b\" 10px" should set the property value
Pass e.style['grid-template'] = "\"a\" [a] \"b\" 10px [a]" should set the property value
Pass e.style['grid-template'] = "\"a\" [a] [a] \"b\" 10px" should set the property value
Pass e.style['grid-template'] = "\"a\" [a] [] \"b\" 10px" should set the property value
Pass e.style['grid-template'] = "\"a\" 10px [a] \"b\" [a]" should set the property value
Pass e.style['grid-template'] = "\"a\" [a] \"b\" [a]" should set the property value
Fail e.style['grid-template'] = "[a] \"a\" [a] \"b\" [a]" should set the property value
Fail e.style['grid-template'] = "\"a\" \"a\" [a] \"b\" [a]" should set the property value
Fail e.style['grid-template'] = "\"a\" [a] \"b\" [a] / 0" should set the property value
Fail e.style['grid-template'] = "\"a\" \"a\" [a] [a] \"b\" / auto" should set the property value
Fail e.style['grid-template'] = "\"a\" auto [a] \"b\" auto [b] / 10px" should set the property value
Pass e.style['grid-template'] = "\"a\" \"a\" [a] \"b\" [a]" should set the property value
Pass e.style['grid-template'] = "\"a\" [a] \"b\" [a] / 0" should set the property value
Pass e.style['grid-template'] = "\"a\" \"a\" [a] [a] \"b\" / auto" should set the property value
Pass e.style['grid-template'] = "\"a\" auto [a] \"b\" auto [b] / 10px" should set the property value