Enable css-grid WPT tests (#34052)

* Enable css-grid WPT tests

Signed-off-by: Nico Burns <nico@nicoburns.com>

* Add assertions for css-grid WPT tests

Signed-off-by: Nico Burns <nico@nicoburns.com>

* Add test assertions

Signed-off-by: Nico Burns <nico@nicoburns.com>

* Allow for timeouts

Signed-off-by: Nico Burns <nico@nicoburns.com>

---------

Signed-off-by: Nico Burns <nico@nicoburns.com>
This commit is contained in:
Nico Burns 2024-10-30 22:50:37 +07:00 committed by GitHub
parent 1891c5cfaf
commit 635c10a941
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1041 changed files with 33645 additions and 2 deletions

View file

@ -0,0 +1,90 @@
[grid-area-computed.html]
[Property grid-area value 'auto / auto / auto / auto']
expected: FAIL
[Property grid-row value 'auto / auto']
expected: FAIL
[Property grid-column-end value 'auto']
expected: FAIL
[Property grid-row value '-zπ']
expected: FAIL
[Property grid-row-start value 'AZ']
expected: FAIL
[Property grid-column-start value '-_π']
expected: FAIL
[Property grid-row-end value '_9']
expected: FAIL
[Property grid-area value '1 / 90 -a- / auto / auto']
expected: FAIL
[Property grid-row value '2 az / auto']
expected: FAIL
[Property grid-column value '9 / -19 zA']
expected: FAIL
[Property grid-row-start value '-19']
expected: FAIL
[Property grid-row-start value '9 -Z_']
expected: FAIL
[Property grid-column-start value '-44 Z']
expected: FAIL
[Property grid-row-end value '1 -πA']
expected: FAIL
[Property grid-column-end value '5 π_']
expected: FAIL
[Property grid-area value 'span 2 i / auto / auto / auto']
expected: FAIL
[Property grid-row value 'span 2 / auto']
expected: FAIL
[Property grid-column-start value 'span 1 i']
expected: FAIL
[Property grid-row-start value 'span 1']
expected: FAIL
[Property grid-row-end value 'span 2 i']
expected: FAIL
[Property grid-column-end value 'span 2']
expected: FAIL
[Property grid-row-start value 'span i']
expected: FAIL
[Property grid-row value 'span i / auto']
expected: FAIL
[Property grid-area value 'auto / i / auto / i']
expected: FAIL
[Property grid-area value 'auto / i / 2 j']
expected: FAIL
[Property grid-area value 'auto / i / 2 j / span 3 k']
expected: FAIL
[Property grid-row value 'auto / i']
expected: FAIL
[Property grid-column value '2 j / span 3 k']
expected: FAIL
[Property grid-column-end value '\\31st']
expected: FAIL
[Property grid-column-end value '\\31 st']
expected: FAIL

View file

@ -0,0 +1,159 @@
[grid-area-shorthand.html]
[e.style['grid-area'\] = "auto" should set grid-column-end]
expected: FAIL
[e.style['grid-area'\] = "auto" should set grid-column-start]
expected: FAIL
[e.style['grid-area'\] = "auto" should set grid-row-end]
expected: FAIL
[e.style['grid-area'\] = "auto" should set grid-row-start]
expected: FAIL
[e.style['grid-area'\] = "auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-area'\] = "--a" should set grid-column-end]
expected: FAIL
[e.style['grid-area'\] = "--a" should set grid-column-start]
expected: FAIL
[e.style['grid-area'\] = "--a" should set grid-row-end]
expected: FAIL
[e.style['grid-area'\] = "--a" should set grid-row-start]
expected: FAIL
[e.style['grid-area'\] = "--a" should not set unrelated longhands]
expected: FAIL
[e.style['grid-area'\] = "a / b" should set grid-column-end]
expected: FAIL
[e.style['grid-area'\] = "a / b" should set grid-column-start]
expected: FAIL
[e.style['grid-area'\] = "a / b" should set grid-row-end]
expected: FAIL
[e.style['grid-area'\] = "a / b" should set grid-row-start]
expected: FAIL
[e.style['grid-area'\] = "a / b" should not set unrelated longhands]
expected: FAIL
[e.style['grid-area'\] = "a / b / c" should set grid-column-end]
expected: FAIL
[e.style['grid-area'\] = "a / b / c" should set grid-column-start]
expected: FAIL
[e.style['grid-area'\] = "a / b / c" should set grid-row-end]
expected: FAIL
[e.style['grid-area'\] = "a / b / c" should set grid-row-start]
expected: FAIL
[e.style['grid-area'\] = "a / b / c" should not set unrelated longhands]
expected: FAIL
[e.style['grid-area'\] = "a / b / c / d" should set grid-column-end]
expected: FAIL
[e.style['grid-area'\] = "a / b / c / d" should set grid-column-start]
expected: FAIL
[e.style['grid-area'\] = "a / b / c / d" should set grid-row-end]
expected: FAIL
[e.style['grid-area'\] = "a / b / c / d" should set grid-row-start]
expected: FAIL
[e.style['grid-area'\] = "a / b / c / d" should not set unrelated longhands]
expected: FAIL
[e.style['grid-area'\] = "+90 -a- / 2 i span" should set grid-column-end]
expected: FAIL
[e.style['grid-area'\] = "+90 -a- / 2 i span" should set grid-column-start]
expected: FAIL
[e.style['grid-area'\] = "+90 -a- / 2 i span" should set grid-row-end]
expected: FAIL
[e.style['grid-area'\] = "+90 -a- / 2 i span" should set grid-row-start]
expected: FAIL
[e.style['grid-area'\] = "+90 -a- / 2 i span" should not set unrelated longhands]
expected: FAIL
[e.style['grid-area'\] = "1 / 2 / 3 / 4" should set grid-column-end]
expected: FAIL
[e.style['grid-area'\] = "1 / 2 / 3 / 4" should set grid-column-start]
expected: FAIL
[e.style['grid-area'\] = "1 / 2 / 3 / 4" should set grid-row-end]
expected: FAIL
[e.style['grid-area'\] = "1 / 2 / 3 / 4" should set grid-row-start]
expected: FAIL
[e.style['grid-area'\] = "1 / 2 / 3 / 4" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "auto" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "auto" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "one / 2" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "one / 2" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "one / 2" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "1 two / four 3" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "1 two / four 3" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "1 two / four 3" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "5 span" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "5 span" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "5 span" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "1 / two" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "1 / two" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "1 / two" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "span 1 two / four 3 span" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "span 1 two / four 3 span" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "span 1 two / four 3 span" should not set unrelated longhands]
expected: FAIL

View file

@ -0,0 +1,171 @@
[grid-area-valid.html]
[e.style['grid-area'\] = "auto" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "auto / auto" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "auto / auto / auto" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "auto / auto / auto / auto" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "AuTo" should set the property value]
expected: FAIL
[e.style['grid-row'\] = "auto" should set the property value]
expected: FAIL
[e.style['grid-row'\] = "auto/auto" should set the property value]
expected: FAIL
[e.style['grid-column-end'\] = "AuTo" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "--a" should set the property value]
expected: FAIL
[e.style['grid-row'\] = "-zπ" should set the property value]
expected: FAIL
[e.style['grid-row'\] = "-zπ/-zπ" should set the property value]
expected: FAIL
[e.style['grid-row'\] = "i / i" should set the property value]
expected: FAIL
[e.style['grid-row-start'\] = "AZ" should set the property value]
expected: FAIL
[e.style['grid-column-start'\] = "-_π" should set the property value]
expected: FAIL
[e.style['grid-row-end'\] = "_9" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "1" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "+90 -a-" should set the property value]
expected: FAIL
[e.style['grid-row'\] = "az 2" should set the property value]
expected: FAIL
[e.style['grid-column'\] = "9" should set the property value]
expected: FAIL
[e.style['grid-column'\] = "-19 zA" should set the property value]
expected: FAIL
[e.style['grid-column'\] = "-A0 33" should set the property value]
expected: FAIL
[e.style['grid-row-start'\] = "-19" should set the property value]
expected: FAIL
[e.style['grid-row-start'\] = "9 -Z_" should set the property value]
expected: FAIL
[e.style['grid-column-start'\] = "+90" should set the property value]
expected: FAIL
[e.style['grid-column-start'\] = "Z -44" should set the property value]
expected: FAIL
[e.style['grid-row-end'\] = "1 -πA" should set the property value]
expected: FAIL
[e.style['grid-column-end'\] = "π_ +5" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "span 2 i" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "i 2 SpAn" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "span 1 i" should set the property value]
expected: FAIL
[e.style['grid-row'\] = "span 2" should set the property value]
expected: FAIL
[e.style['grid-column'\] = "i SpAn" should set the property value]
expected: FAIL
[e.style['grid-row-start'\] = "span i" should set the property value]
expected: FAIL
[e.style['grid-column-start'\] = "SpAn i 2" should set the property value]
expected: FAIL
[e.style['grid-row-end'\] = "2 i span" should set the property value]
expected: FAIL
[e.style['grid-column-end'\] = "2 SpAn" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "auto / i" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "auto / i / auto / i" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "auto / i / auto / 2 i" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "1 / i / auto / i" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "1 / auto / auto / auto" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "1 / auto / i / auto" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "1 / j / i / k" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "1 / auto / 2 / auto" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "1 / i / 2 / auto" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "i / i / auto / auto" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "i / auto / i / auto" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "auto / i / 2 j" should set the property value]
expected: FAIL
[e.style['grid-area'\] = "auto / i / 2 j / span 3 k" should set the property value]
expected: FAIL
[e.style['grid-row'\] = "auto / i" should set the property value]
expected: FAIL
[e.style['grid-row'\] = "i / auto" should set the property value]
expected: FAIL
[e.style['grid-row'\] = "2 i / auto" should set the property value]
expected: FAIL
[e.style['grid-row'\] = "1 / auto" should set the property value]
expected: FAIL
[e.style['grid-column'\] = "2 j / span 3 k" should set the property value]
expected: FAIL
[e.style['grid-column-end'\] = "\\\\31st" should set the property value]
expected: FAIL
[e.style['grid-column-end'\] = "\\\\31 st" should set the property value]
expected: FAIL
[e.style['grid-column'\] = "\\\\31st / \\\\31 st" should set the property value]
expected: FAIL

View file

@ -0,0 +1,75 @@
[grid-auto-columns-computed.html]
[Property grid-auto-columns value '1px']
expected: FAIL
[Property grid-auto-columns value 'calc(10px + 0.5em)']
expected: FAIL
[Property grid-auto-columns value 'calc(10px - 0.5em)']
expected: FAIL
[Property grid-auto-columns value '4%']
expected: FAIL
[Property grid-auto-columns value '5fr']
expected: FAIL
[Property grid-auto-columns value 'min-content']
expected: FAIL
[Property grid-auto-columns value 'max-content']
expected: FAIL
[Property grid-auto-columns value 'auto']
expected: FAIL
[Property grid-auto-columns value 'minmax(1px, 5fr)']
expected: FAIL
[Property grid-auto-columns value 'minmax(calc(10px + 0.5em), max-content)']
expected: FAIL
[Property grid-auto-columns value 'minmax(calc(10px - 0.5em), max-content)']
expected: FAIL
[Property grid-auto-columns value 'minmax(4%, auto)']
expected: FAIL
[Property grid-auto-columns value 'minmax(min-content, calc(10px + 0.5em))']
expected: FAIL
[Property grid-auto-columns value 'minmax(auto, 4%)']
expected: FAIL
[Property grid-auto-columns value 'fit-content(1px)']
expected: FAIL
[Property grid-auto-columns value 'fit-content(calc(10px + 0.5em))']
expected: FAIL
[Property grid-auto-columns value 'fit-content(calc(10px - 0.5em))']
expected: FAIL
[Property grid-auto-columns value 'fit-content(4%)']
expected: FAIL
[Property grid-auto-columns value '0px']
expected: FAIL
[Property grid-auto-columns value '0%']
expected: FAIL
[Property grid-auto-columns value '0fr']
expected: FAIL
[Property grid-auto-columns value 'minmax(auto, 0%)']
expected: FAIL
[Property grid-auto-columns value 'fit-content(0px)']
expected: FAIL
[Property grid-auto-columns value '1px 2px 3px 0px']
expected: FAIL
[Property grid-auto-columns value 'fit-content(1px) minmax(2px, 3px) 4px']
expected: FAIL

View file

@ -0,0 +1,90 @@
[grid-auto-columns-valid.html]
[e.style['grid-auto-columns'\] = "1px" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "2em" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "calc(2em + 3ex)" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "4%" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "5fr" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "min-content" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "max-content" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "auto" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "auto /**/" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "minmax(1px, 5fr)" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "minmax(2em, min-content)" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "minmax(calc(2em + 3ex), max-content)" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "minmax(4%, auto)" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "minmax(5vmin, 1px)" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "minmax(min-content, 2em)" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "minmax(max-content, calc(2em + 3ex))" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "minmax(auto, 4%)" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "fit-content(1px)" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "fit-content(2em)" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "fit-content(calc(2em + 3ex))" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "fit-content(4%)" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "0px" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "0%" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "0fr" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "minmax(auto, 0%)" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "fit-content(0px)" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "auto auto" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "auto 10px" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "1px 2px 3px 0px" should set the property value]
expected: FAIL
[e.style['grid-auto-columns'\] = "fit-content(1px) minmax(2px, 3px) 4px" should set the property value]
expected: FAIL

View file

@ -0,0 +1,21 @@
[grid-auto-flow-computed.html]
[Property grid-auto-flow value 'row']
expected: FAIL
[Property grid-auto-flow value 'column']
expected: FAIL
[Property grid-auto-flow value 'row dense']
expected: FAIL
[Property grid-auto-flow value 'column dense']
expected: FAIL
[Property grid-auto-flow value 'dense row']
expected: FAIL
[Property grid-auto-flow value 'dense column']
expected: FAIL
[Property grid-auto-flow value 'dense']
expected: FAIL

View file

@ -0,0 +1,21 @@
[grid-auto-flow-valid.html]
[e.style['grid-auto-flow'\] = "row" should set the property value]
expected: FAIL
[e.style['grid-auto-flow'\] = "column" should set the property value]
expected: FAIL
[e.style['grid-auto-flow'\] = "row dense" should set the property value]
expected: FAIL
[e.style['grid-auto-flow'\] = "dense row" should set the property value]
expected: FAIL
[e.style['grid-auto-flow'\] = "dense" should set the property value]
expected: FAIL
[e.style['grid-auto-flow'\] = "column dense" should set the property value]
expected: FAIL
[e.style['grid-auto-flow'\] = "dense column" should set the property value]
expected: FAIL

View file

@ -0,0 +1,75 @@
[grid-auto-rows-computed.html]
[Property grid-auto-rows value '1px']
expected: FAIL
[Property grid-auto-rows value 'calc(10px + 0.5em)']
expected: FAIL
[Property grid-auto-rows value 'calc(10px - 0.5em)']
expected: FAIL
[Property grid-auto-rows value '4%']
expected: FAIL
[Property grid-auto-rows value '5fr']
expected: FAIL
[Property grid-auto-rows value 'min-content']
expected: FAIL
[Property grid-auto-rows value 'max-content']
expected: FAIL
[Property grid-auto-rows value 'auto']
expected: FAIL
[Property grid-auto-rows value 'minmax(1px, 5fr)']
expected: FAIL
[Property grid-auto-rows value 'minmax(calc(10px + 0.5em), max-content)']
expected: FAIL
[Property grid-auto-rows value 'minmax(calc(10px - 0.5em), max-content)']
expected: FAIL
[Property grid-auto-rows value 'minmax(4%, auto)']
expected: FAIL
[Property grid-auto-rows value 'minmax(min-content, calc(10px + 0.5em))']
expected: FAIL
[Property grid-auto-rows value 'minmax(auto, 4%)']
expected: FAIL
[Property grid-auto-rows value 'fit-content(1px)']
expected: FAIL
[Property grid-auto-rows value 'fit-content(calc(10px + 0.5em))']
expected: FAIL
[Property grid-auto-rows value 'fit-content(calc(10px - 0.5em))']
expected: FAIL
[Property grid-auto-rows value 'fit-content(4%)']
expected: FAIL
[Property grid-auto-rows value '0px']
expected: FAIL
[Property grid-auto-rows value '0%']
expected: FAIL
[Property grid-auto-rows value '0fr']
expected: FAIL
[Property grid-auto-rows value 'minmax(auto, 0%)']
expected: FAIL
[Property grid-auto-rows value 'fit-content(0px)']
expected: FAIL
[Property grid-auto-rows value '1px 2px 3px 0px']
expected: FAIL
[Property grid-auto-rows value 'fit-content(1px) minmax(2px, 3px) 4px']
expected: FAIL

View file

@ -0,0 +1,90 @@
[grid-auto-rows-valid.html]
[e.style['grid-auto-rows'\] = "1px" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "2em" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "calc(2em + 3ex)" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "4%" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "5fr" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "min-content" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "max-content" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "auto" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "auto /**/" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "minmax(1px, 5fr)" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "minmax(2em, min-content)" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "minmax(calc(2em + 3ex), max-content)" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "minmax(4%, auto)" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "minmax(5vmin, 1px)" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "minmax(min-content, 2em)" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "minmax(max-content, calc(2em + 3ex))" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "minmax(auto, 4%)" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "fit-content(1px)" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "fit-content(2em)" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "fit-content(calc(2em + 3ex))" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "fit-content(4%)" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "0px" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "0%" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "0fr" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "minmax(auto, 0%)" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "fit-content(0px)" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "auto auto" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "auto 10px" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "1px 2px 3px 0px" should set the property value]
expected: FAIL
[e.style['grid-auto-rows'\] = "fit-content(1px) minmax(2px, 3px) 4px" should set the property value]
expected: FAIL

View file

@ -0,0 +1,48 @@
[grid-column-shortest-serialization.html]
[Property grid-column value 'auto / auto']
expected: FAIL
[Property grid-column value 'auto']
expected: FAIL
[Property grid-column value '10 / auto']
expected: FAIL
[Property grid-column value '10']
expected: FAIL
[Property grid-column value '-10 / auto']
expected: FAIL
[Property grid-column value '-10']
expected: FAIL
[Property grid-column value 'first / first']
expected: FAIL
[Property grid-column value 'first']
expected: FAIL
[Property grid-column value 'span 2 / auto']
expected: FAIL
[Property grid-column value 'span 2']
expected: FAIL
[Property grid-column value '2 first / auto']
expected: FAIL
[Property grid-column value '2 first']
expected: FAIL
[Property grid-column value 'span first / auto']
expected: FAIL
[Property grid-column value 'span first']
expected: FAIL
[Property grid-column value 'span 2 first / auto']
expected: FAIL
[Property grid-column value 'span 2 first']
expected: FAIL

View file

@ -0,0 +1,144 @@
[grid-column-shorthand.html]
[e.style['grid-column'\] = "auto / auto" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "auto / auto" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "auto / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "auto" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "auto" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "10 / auto" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "10 / auto" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "10 / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "10" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "10" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "10" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "-10 / auto" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "-10 / auto" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "-10 / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "-10" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "-10" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "-10" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "span 2 / auto" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "span 2 / auto" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "span 2 / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "span 2" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "span 2" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "span 2" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "3 last / auto" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "3 last / auto" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "3 last / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "3 last" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "3 last" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "3 last" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "span first / auto" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "span first / auto" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "span first / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "span first" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "span first" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "span first" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "span 2 first / auto" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "span 2 first / auto" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "span 2 first / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "span 2 first" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "span 2 first" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "span 2 first" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "last / last" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "last / last" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "last / last" should not set unrelated longhands]
expected: FAIL
[e.style['grid-column'\] = "last" should set grid-column-end]
expected: FAIL
[e.style['grid-column'\] = "last" should set grid-column-start]
expected: FAIL
[e.style['grid-column'\] = "last" should not set unrelated longhands]
expected: FAIL

View file

@ -0,0 +1,120 @@
[grid-columns-rows-get-set-multiple.html]
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithFixedElement' : grid-template-columns = '7px 11px', grid-template-rows = '17px 2px']
expected: FAIL
[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
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithEMElement' : grid-template-columns = '100px 120px', grid-template-rows = '150px 170px']
expected: FAIL
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithThreeItems' : grid-template-columns = '15px 0px 100px', grid-template-rows = '120px 18px 0px']
expected: FAIL
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithFitContentAndFitAvailable' : grid-template-columns = 'none', grid-template-rows = 'none']
expected: FAIL
[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
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithMinMaxAndMinMaxContent' : grid-template-columns = '240px 15px', grid-template-rows = '120px 210px']
expected: FAIL
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithFractionFraction' : grid-template-columns = '320px 480px', grid-template-rows = '225px 375px']
expected: FAIL
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithFractionMinMax' : grid-template-columns = '45px 755px', grid-template-rows = '586px 14px']
expected: FAIL
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithCalcCalc' : grid-template-columns = '200px 100px', grid-template-rows = '150px 75px']
expected: FAIL
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithCalcAndFixed' : grid-template-columns = '400px 80px', grid-template-rows = '88px 150px']
expected: FAIL
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithCalcAndMinMax' : grid-template-columns = '190px 80px', grid-template-rows = '150px 53px']
expected: FAIL
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithCalcInsideMinMax' : grid-template-columns = '400px 120px', grid-template-rows = '150px 175px']
expected: FAIL
[Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithAutoInsideMinMax' : grid-template-columns = '0px 30px', grid-template-rows = '132px 60px']
expected: FAIL
[Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '18px 22px', element.style.gridTemplateColumns = '18px 22px', grid-template-rows = '66px 70px', element.style.gridTemplateRows = '66px 70px']
expected: FAIL
[Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '440px 640px', element.style.gridTemplateColumns = '55% 80%', grid-template-rows = '240px 378px', element.style.gridTemplateRows = '40% 63%']
expected: FAIL
[Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '0px 0px', element.style.gridTemplateColumns = 'auto auto', grid-template-rows = '0px 0px', element.style.gridTemplateRows = 'auto auto']
expected: FAIL
[Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '0px 160px 22px', element.style.gridTemplateColumns = 'auto 16em 22px', grid-template-rows = '336px 100px 0px', element.style.gridTemplateRows = '56% 10em auto']
expected: FAIL
[Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '160px 20px', element.style.gridTemplateColumns = '16em minmax(16px, 20px)', grid-template-rows = '90px 0px', element.style.gridTemplateRows = 'minmax(10%, 15%) auto']
expected: FAIL
[Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '160px 640px', element.style.gridTemplateColumns = '16em 2fr', grid-template-rows = '600px 0px', element.style.gridTemplateRows = '14fr auto']
expected: FAIL
[Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '25px 20px', element.style.gridTemplateColumns = 'calc(25px) calc(2em)', grid-template-rows = '0px 60px', element.style.gridTemplateRows = 'auto calc(10%)']
expected: FAIL
[Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '345px 92px', element.style.gridTemplateColumns = 'calc(25px + 40%) minmax(min-content, calc(10% + 12px))', grid-template-rows = '100px 0px', element.style.gridTemplateRows = 'minmax(calc(75% - 350px), max-content) auto']
expected: FAIL
[Test setting wrong/invalid values through CSS]
expected: FAIL
[Test setting bad JS values: grid-template-columns = 'none auto', grid-template-rows = 'none auto']
expected: FAIL
[Test setting bad JS values: grid-template-columns = 'none 16em', grid-template-rows = 'none 56%']
expected: FAIL
[Test setting bad JS values: grid-template-columns = 'none none', grid-template-rows = 'none none']
expected: FAIL
[Test setting bad JS values: grid-template-columns = 'auto none', grid-template-rows = 'auto none']
expected: FAIL
[Test setting bad JS values: grid-template-columns = 'auto none 16em', grid-template-rows = 'auto 18em none']
expected: FAIL
[Test setting bad JS values: grid-template-columns = '-webkit-fit-content -webkit-fit-content', grid-template-rows = '-webkit-fit-available -webkit-fit-available']
expected: FAIL
[Test setting bad JS values: grid-template-columns = '-10px minmax(16px, 32px)', grid-template-rows = 'minmax(10%, 15%) -10vw']
expected: FAIL
[Test setting bad JS values: grid-template-columns = '10px minmax(16px, -1vw)', grid-template-rows = 'minmax(-1%, 15%) 10vw']
expected: FAIL
[Test setting bad JS values: grid-template-columns = '10px calc(16px 30px)', grid-template-rows = 'calc(25px + auto) 2em']
expected: FAIL
[Test setting bad JS values: grid-template-columns = 'minmax(min-content, calc() 250px', grid-template-rows = 'calc(2em(']
expected: FAIL
[Test setting grid-template-columns and grid-template-rows to 'inherit' through JS]
expected: FAIL
[Test the default value]
expected: FAIL
[Test setting grid-template-columns and grid-template-rows to 'initial' through JS]
expected: FAIL

View file

@ -0,0 +1,126 @@
[grid-content-sized-columns-resolution.html]
[Element 'gridMinContentFixedAndAuto' grid-template-columns value computes to '15px 75px']
expected: FAIL
[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
[Element 'gridMaxContentFixedAndAuto' grid-template-columns value computes to '65px 25px']
expected: FAIL
[Element 'gridAutoMinContent' grid-template-columns value computes to '70px 20px']
expected: FAIL
[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
[Element 'gridAutoMinContentUnsorted' grid-template-columns value computes to '50px 60px']
expected: FAIL
[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

@ -0,0 +1,45 @@
[grid-row-shortest-serialization.html]
[Property grid-row value 'auto / auto']
expected: FAIL
[Property grid-row value 'auto']
expected: FAIL
[Property grid-row value '10 / auto']
expected: FAIL
[Property grid-row value '10']
expected: FAIL
[Property grid-row value '-10 / auto']
expected: FAIL
[Property grid-row value '-10']
expected: FAIL
[Property grid-row value 'span 2 / auto']
expected: FAIL
[Property grid-row value 'span 2']
expected: FAIL
[Property grid-row value '3 last / auto']
expected: FAIL
[Property grid-row value '3 last']
expected: FAIL
[Property grid-row value 'span first / auto']
expected: FAIL
[Property grid-row value 'span first']
expected: FAIL
[Property grid-row value 'span 2 first / auto']
expected: FAIL
[Property grid-row value 'span 2 first']
expected: FAIL
[Property grid-row value 'last / last']
expected: FAIL

View file

@ -0,0 +1,144 @@
[grid-row-shorthand.html]
[e.style['grid-row'\] = "auto / auto" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "auto / auto" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "auto / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "auto" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "auto" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "10 / auto" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "10 / auto" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "10 / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "10" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "10" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "10" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "-10 / auto" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "-10 / auto" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "-10 / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "-10" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "-10" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "-10" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "span 2 / auto" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "span 2 / auto" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "span 2 / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "span 2" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "span 2" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "span 2" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "3 last / auto" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "3 last / auto" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "3 last / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "3 last" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "3 last" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "3 last" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "span first / auto" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "span first / auto" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "span first / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "span first" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "span first" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "span first" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "span 2 first / auto" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "span 2 first / auto" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "span 2 first / auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "span 2 first" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "span 2 first" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "span 2 first" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "last / last" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "last / last" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "last / last" should not set unrelated longhands]
expected: FAIL
[e.style['grid-row'\] = "last" should set grid-row-end]
expected: FAIL
[e.style['grid-row'\] = "last" should set grid-row-start]
expected: FAIL
[e.style['grid-row'\] = "last" should not set unrelated longhands]
expected: FAIL

View file

@ -0,0 +1,363 @@
[grid-shorthand-serialization.html]
[e.style.cssText = grid: auto-flow auto / 100px 100px should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow auto / 100px 100px should set grid-template-areas]
expected: FAIL
[e.style.cssText = grid: auto-flow auto / 100px 100px; grid-template-areas: "one two" "three four" should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow auto / 100px 100px; grid-template-areas: "one two" "three four" should set grid-auto-flow]
expected: FAIL
[e.style.cssText = grid: auto-flow auto / 100px 100px; grid-template-areas: "one two" "three four" should set grid-auto-rows]
expected: FAIL
[e.style.cssText = grid: auto-flow auto / 100px 100px; grid-template-areas: "one two" "three four" should set grid-template-areas]
expected: FAIL
[e.style.cssText = grid: 30px 40px / 50px 60px; grid-auto-flow: column should set grid]
expected: FAIL
[e.style.cssText = grid: 30px 40px / 50px 60px; grid-auto-flow: column should set grid-auto-flow]
expected: FAIL
[e.style.cssText = grid: 30px 40px / 50px 60px; grid-auto-flow: column should set grid-template]
expected: FAIL
[cssText ('grid: 30px 40px / 50px 60px; grid-auto-flow: column') must contain 'grid-template: 30px 40px / 50px 60px;' in its serialization]
expected: FAIL
[cssText ('grid: 30px 40px / 50px 60px; grid-auto-flow: column') must contain 'grid-auto-rows: auto;' in its serialization]
expected: FAIL
[cssText ('grid: 30px 40px / 50px 60px; grid-auto-flow: column') must contain 'grid-auto-columns: auto;' in its serialization]
expected: FAIL
[cssText ('grid: 30px 40px / 50px 60px; grid-auto-flow: column') must contain 'grid-auto-flow: column;' in its serialization]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-rows: 20px should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-rows: 20px should set grid-template]
expected: FAIL
[cssText ('grid: auto-flow / 10px; grid-template-rows: 20px') must contain 'grid: 20px / 10px;' in its serialization]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(2, 20px) should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(2, 20px) should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(2, 20px) repeat(3, 30px) should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(2, 20px) repeat(3, 30px) should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(auto-fill, 20px) should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(auto-fill, 20px) should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(auto-fit, 20px) should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(auto-fit, 20px) should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid: 10px / auto; grid-template-columns: 20px should set grid]
expected: FAIL
[e.style.cssText = grid: 10px / auto; grid-template-columns: 20px should set grid-template]
expected: FAIL
[cssText ('grid: 10px / auto; grid-template-columns: 20px') must contain 'grid: 10px / 20px;' in its serialization]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(2, 20px) should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(2, 20px) should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(2, 20px) repeat(3, 30px) should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(2, 20px) repeat(3, 30px) should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(auto-fill, 20px) should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(auto-fill, 20px) should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(auto-fit, 20px) should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(auto-fit, 20px) should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-flow: inherit should set grid]
expected: FAIL
[e.style.cssText = grid: 1px / 2px; grid-auto-flow: row should set grid]
expected: FAIL
[e.style.cssText = grid: none / 2px; grid-auto-flow: row should set grid]
expected: FAIL
[e.style.cssText = grid: 1px / 2px; grid-auto-columns: auto should set grid]
expected: FAIL
[e.style.cssText = grid: 1px / 2px; grid-auto-rows: auto should set grid]
expected: FAIL
[e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: auto should set grid]
expected: FAIL
[e.style.cssText = grid: 1px / auto-flow; grid-auto-columns: auto should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: auto should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-auto-columns: auto should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow dense / 2px; grid-auto-rows: auto should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-auto-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-auto-flow]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-auto-rows]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid]
expected: FAIL
[e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-auto-columns]
expected: FAIL
[e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-auto-flow]
expected: FAIL
[e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-auto-rows]
expected: FAIL
[e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-auto-columns]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-auto-flow]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-auto-rows]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-auto-columns]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-auto-flow]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-auto-rows]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-auto-columns]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-auto-flow]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-auto-rows]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-auto-columns]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-auto-flow]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-auto-rows]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-auto-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-auto-flow]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-auto-rows]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-auto-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-auto-flow]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-auto-rows]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-auto-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-auto-flow]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-auto-rows]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-auto-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-auto-flow]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-auto-rows]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 3px); grid-template-areas: "one two" "three four" should set grid]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 3px); grid-template-areas: "one two" "three four" should set grid-template-areas]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 3px); grid-template-areas: "one two" "three four" should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 3px); grid-template-areas: "one two" "three four" should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 1fr); grid-template-areas: "one two" "three four" should set grid]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 1fr); grid-template-areas: "one two" "three four" should set grid-template-areas]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 1fr); grid-template-areas: "one two" "three four" should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 1fr); grid-template-areas: "one two" "three four" should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fill, 3px); grid-template-areas: "one two" "three four" should set grid]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fill, 3px); grid-template-areas: "one two" "three four" should set grid-template-areas]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fill, 3px); grid-template-areas: "one two" "three four" should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fill, 3px); grid-template-areas: "one two" "three four" should set grid-template-rows]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fit, 3px); grid-template-areas: "one two" "three four" should set grid]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fit, 3px); grid-template-areas: "one two" "three four" should set grid-template-areas]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fit, 3px); grid-template-areas: "one two" "three four" should set grid-template-columns]
expected: FAIL
[e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fit, 3px); grid-template-areas: "one two" "three four" should set grid-template-rows]
expected: FAIL

View file

@ -0,0 +1,147 @@
[grid-shorthand-valid.html]
[e.style['grid'\] = "none" should set the property value]
expected: FAIL
[e.style['grid'\] = "none / none" should set the property value]
expected: FAIL
[e.style['grid'\] = "auto / auto" should set the property value]
expected: FAIL
[e.style['grid'\] = "none / [a\] 0px" should set the property value]
expected: FAIL
[e.style['grid'\] = "none / [\] 0px" should set the property value]
expected: FAIL
[e.style['grid'\] = "[a\] 10px / auto" should set the property value]
expected: FAIL
[e.style['grid'\] = "[a\] 10px / none" should set the property value]
expected: FAIL
[e.style['grid'\] = "[\] 10px [\] / [\] auto [\]" should set the property value]
expected: FAIL
[e.style['grid'\] = "[a\] \\"a\\" 10px" should set the property value]
expected: FAIL
[e.style['grid'\] = "[a\] \\"a\\" 10px [\]" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" 10px" should set the property value]
expected: FAIL
[e.style['grid'\] = "[\] \\"a\\" 10px" should set the property value]
expected: FAIL
[e.style['grid'\] = "[a\] \\"a\\" 10px [a\]" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\"" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" auto" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a a a\\"" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" / 10px" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" / 20%" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" / 5fr" should set the property value]
expected: FAIL
[e.style['grid'\] = "[a\] \\"a\\"" should set the property value]
expected: FAIL
[e.style['grid'\] = "[a\] \\"a\\" [a\]" should set the property value]
expected: FAIL
[e.style['grid'\] = "[\] \\"a\\"" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" [\] [\] \\"b\\"" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" [\] \\"b\\"" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" [a\] [b\] \\"b\\"" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" [a\] \\"b\\"" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" / 0" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" 10px / 10px" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" [a\] \\"b\\" 10px" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" [a\] \\"b\\" 10px [a\]" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" [a\] [a\] \\"b\\" 10px" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" [a\] [\] \\"b\\" 10px" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" 10px [a\] \\"b\\" [a\]" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" [a\] \\"b\\" [a\]" should set the property value]
expected: FAIL
[e.style['grid'\] = "[a\] \\"a\\" [a\] \\"b\\" [a\]" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" \\"a\\" [a\] \\"b\\" [a\]" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" [a\] \\"b\\" [a\] / 0" should set the property value]
expected: FAIL
[e.style['grid'\] = "\\"a\\" \\"a\\" [a\] [a\] \\"b\\" / auto" should set the property value]
expected: FAIL
[e.style['grid'\] = "100px / auto-flow dense 100px" should set the property value]
expected: FAIL
[e.style['grid'\] = "auto-flow dense 1fr / 100px" should set the property value]
expected: FAIL
[e.style['grid'\] = "100px / dense auto-flow 100px" should set the property value]
expected: FAIL
[e.style['grid'\] = "dense auto-flow 1fr / 100px" should set the property value]
expected: FAIL
[e.style['grid'\] = "100px / auto-flow 100px" should set the property value]
expected: FAIL
[e.style['grid'\] = "auto-flow 1fr / 100px" should set the property value]
expected: FAIL
[e.style['grid'\] = "none / auto-flow 100px" should set the property value]
expected: FAIL
[e.style['grid'\] = "auto-flow 1fr / none" should set the property value]
expected: FAIL
[e.style['grid'\] = "auto / auto-flow 100px" should set the property value]
expected: FAIL
[e.style['grid'\] = "auto-flow 1fr / auto" should set the property value]
expected: FAIL
[e.style['grid'\] = "1fr / 1fr" should set the property value]
expected: FAIL

View file

@ -0,0 +1,189 @@
[grid-shorthand.html]
[e.style['grid'\] = "none" should set grid-auto-columns]
expected: FAIL
[e.style['grid'\] = "none" should set grid-auto-flow]
expected: FAIL
[e.style['grid'\] = "none" should set grid-auto-rows]
expected: FAIL
[e.style['grid'\] = "none" should set grid-template-areas]
expected: FAIL
[e.style['grid'\] = "none" should set grid-template-columns]
expected: FAIL
[e.style['grid'\] = "none" should set grid-template-rows]
expected: FAIL
[e.style['grid'\] = "none" should not set unrelated longhands]
expected: FAIL
[e.style['grid'\] = "10px / 20%" should set grid-auto-columns]
expected: FAIL
[e.style['grid'\] = "10px / 20%" should set grid-auto-flow]
expected: FAIL
[e.style['grid'\] = "10px / 20%" should set grid-auto-rows]
expected: FAIL
[e.style['grid'\] = "10px / 20%" should set grid-template-areas]
expected: FAIL
[e.style['grid'\] = "10px / 20%" should set grid-template-columns]
expected: FAIL
[e.style['grid'\] = "10px / 20%" should set grid-template-rows]
expected: FAIL
[e.style['grid'\] = "10px / 20%" should not set unrelated longhands]
expected: FAIL
[e.style['grid'\] = "none / 10px" should set grid-auto-columns]
expected: FAIL
[e.style['grid'\] = "none / 10px" should set grid-auto-flow]
expected: FAIL
[e.style['grid'\] = "none / 10px" should set grid-auto-rows]
expected: FAIL
[e.style['grid'\] = "none / 10px" should set grid-template-areas]
expected: FAIL
[e.style['grid'\] = "none / 10px" should set grid-template-columns]
expected: FAIL
[e.style['grid'\] = "none / 10px" should set grid-template-rows]
expected: FAIL
[e.style['grid'\] = "none / 10px" should not set unrelated longhands]
expected: FAIL
[e.style['grid'\] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-auto-columns]
expected: FAIL
[e.style['grid'\] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-auto-flow]
expected: FAIL
[e.style['grid'\] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-auto-rows]
expected: FAIL
[e.style['grid'\] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-template-areas]
expected: FAIL
[e.style['grid'\] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-template-columns]
expected: FAIL
[e.style['grid'\] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-template-rows]
expected: FAIL
[e.style['grid'\] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should not set unrelated longhands]
expected: FAIL
[e.style['grid'\] = "[header-top\] \\"a a a\\" [header-bottom\] [main-top\] \\"b b b\\" 1fr [main-bottom\] / auto 1fr auto" should set grid-auto-columns]
expected: FAIL
[e.style['grid'\] = "[header-top\] \\"a a a\\" [header-bottom\] [main-top\] \\"b b b\\" 1fr [main-bottom\] / auto 1fr auto" should set grid-auto-flow]
expected: FAIL
[e.style['grid'\] = "[header-top\] \\"a a a\\" [header-bottom\] [main-top\] \\"b b b\\" 1fr [main-bottom\] / auto 1fr auto" should set grid-auto-rows]
expected: FAIL
[e.style['grid'\] = "[header-top\] \\"a a a\\" [header-bottom\] [main-top\] \\"b b b\\" 1fr [main-bottom\] / auto 1fr auto" should set grid-template-areas]
expected: FAIL
[e.style['grid'\] = "[header-top\] \\"a a a\\" [header-bottom\] [main-top\] \\"b b b\\" 1fr [main-bottom\] / auto 1fr auto" should set grid-template-columns]
expected: FAIL
[e.style['grid'\] = "[header-top\] \\"a a a\\" [header-bottom\] [main-top\] \\"b b b\\" 1fr [main-bottom\] / auto 1fr auto" should set grid-template-rows]
expected: FAIL
[e.style['grid'\] = "[header-top\] \\"a a a\\" [header-bottom\] [main-top\] \\"b b b\\" 1fr [main-bottom\] / auto 1fr auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid'\] = " \\"a a a\\" \\"b b b\\" 1fr/ auto 1fr auto" should set grid-auto-columns]
expected: FAIL
[e.style['grid'\] = " \\"a a a\\" \\"b b b\\" 1fr/ auto 1fr auto" should set grid-auto-flow]
expected: FAIL
[e.style['grid'\] = " \\"a a a\\" \\"b b b\\" 1fr/ auto 1fr auto" should set grid-auto-rows]
expected: FAIL
[e.style['grid'\] = " \\"a a a\\" \\"b b b\\" 1fr/ auto 1fr auto" should set grid-template-areas]
expected: FAIL
[e.style['grid'\] = " \\"a a a\\" \\"b b b\\" 1fr/ auto 1fr auto" should set grid-template-columns]
expected: FAIL
[e.style['grid'\] = " \\"a a a\\" \\"b b b\\" 1fr/ auto 1fr auto" should set grid-template-rows]
expected: FAIL
[e.style['grid'\] = " \\"a a a\\" \\"b b b\\" 1fr/ auto 1fr auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid'\] = " [\] \\"a a a\\" [\] [\] \\"b b b\\" 1fr [\] / [\] auto 1fr [\] auto [\]" should set grid-auto-columns]
expected: FAIL
[e.style['grid'\] = " [\] \\"a a a\\" [\] [\] \\"b b b\\" 1fr [\] / [\] auto 1fr [\] auto [\]" should set grid-auto-flow]
expected: FAIL
[e.style['grid'\] = " [\] \\"a a a\\" [\] [\] \\"b b b\\" 1fr [\] / [\] auto 1fr [\] auto [\]" should set grid-auto-rows]
expected: FAIL
[e.style['grid'\] = " [\] \\"a a a\\" [\] [\] \\"b b b\\" 1fr [\] / [\] auto 1fr [\] auto [\]" should set grid-template-areas]
expected: FAIL
[e.style['grid'\] = " [\] \\"a a a\\" [\] [\] \\"b b b\\" 1fr [\] / [\] auto 1fr [\] auto [\]" should set grid-template-columns]
expected: FAIL
[e.style['grid'\] = " [\] \\"a a a\\" [\] [\] \\"b b b\\" 1fr [\] / [\] auto 1fr [\] auto [\]" should set grid-template-rows]
expected: FAIL
[e.style['grid'\] = " [\] \\"a a a\\" [\] [\] \\"b b b\\" 1fr [\] / [\] auto 1fr [\] auto [\]" should not set unrelated longhands]
expected: FAIL
[e.style['grid'\] = "10px / auto-flow dense 20px" should set grid-auto-columns]
expected: FAIL
[e.style['grid'\] = "10px / auto-flow dense 20px" should set grid-auto-flow]
expected: FAIL
[e.style['grid'\] = "10px / auto-flow dense 20px" should set grid-auto-rows]
expected: FAIL
[e.style['grid'\] = "10px / auto-flow dense 20px" should set grid-template-areas]
expected: FAIL
[e.style['grid'\] = "10px / auto-flow dense 20px" should set grid-template-columns]
expected: FAIL
[e.style['grid'\] = "10px / auto-flow dense 20px" should set grid-template-rows]
expected: FAIL
[e.style['grid'\] = "10px / auto-flow dense 20px" should not set unrelated longhands]
expected: FAIL
[e.style['grid'\] = "auto-flow dense 30px / 40px" should set grid-auto-columns]
expected: FAIL
[e.style['grid'\] = "auto-flow dense 30px / 40px" should set grid-auto-flow]
expected: FAIL
[e.style['grid'\] = "auto-flow dense 30px / 40px" should set grid-auto-rows]
expected: FAIL
[e.style['grid'\] = "auto-flow dense 30px / 40px" should set grid-template-areas]
expected: FAIL
[e.style['grid'\] = "auto-flow dense 30px / 40px" should set grid-template-columns]
expected: FAIL
[e.style['grid'\] = "auto-flow dense 30px / 40px" should set grid-template-rows]
expected: FAIL
[e.style['grid'\] = "auto-flow dense 30px / 40px" should not set unrelated longhands]
expected: FAIL

View file

@ -0,0 +1,27 @@
[grid-template-areas-computed.html]
[Property grid-template-areas value 'none']
expected: FAIL
[Property grid-template-areas value '"first"']
expected: FAIL
[Property grid-template-areas value '"first second"']
expected: FAIL
[Property grid-template-areas value '"1st 2nd 3rd"']
expected: FAIL
[Property grid-template-areas value '"first second" "third fourth"']
expected: FAIL
[Property grid-template-areas value '"first second" "third ." "1st 2nd" "3rd 4th"']
expected: FAIL
[Property grid-template-areas value '" a \t b "']
expected: FAIL
[Property grid-template-areas value '"c\td"']
expected: FAIL
[Property grid-template-areas value '"first ..."']
expected: FAIL

View file

@ -0,0 +1,12 @@
[grid-template-areas-one-cell.html]
["grid-template-areas: '';" should be invalid.]
expected: FAIL
["grid-template-areas: '' '';" should be invalid.]
expected: FAIL
["grid-template-areas: '$';" should be invalid.]
expected: FAIL
["grid-template-areas: ' ';" should be invalid.]
expected: FAIL

View file

@ -0,0 +1,27 @@
[grid-template-areas-valid.html]
[e.style['grid-template-areas'\] = "none" should set the property value]
expected: FAIL
[e.style['grid-template-areas'\] = "\\"first\\"" should set the property value]
expected: FAIL
[e.style['grid-template-areas'\] = "\\"first second\\"" should set the property value]
expected: FAIL
[e.style['grid-template-areas'\] = "\\"1st 2nd 3rd\\"" should set the property value]
expected: FAIL
[e.style['grid-template-areas'\] = "\\"first second\\" \\"third fourth\\"" should set the property value]
expected: FAIL
[e.style['grid-template-areas'\] = "\\"first second\\" \\"third .\\" \\"1st 2nd\\" \\"3rd 4th\\"" should set the property value]
expected: FAIL
[e.style['grid-template-areas'\] = "\\" a \\t b \\"" should set the property value]
expected: FAIL
[e.style['grid-template-areas'\] = "\\"c\\td\\"" should set the property value]
expected: FAIL
[e.style['grid-template-areas'\] = "\\"first ...\\"" should set the property value]
expected: FAIL

View file

@ -0,0 +1,72 @@
[grid-template-columns-computed-implicit-track.html]
[Property grid-template-columns value 'none' computes to '10px']
expected: FAIL
[Property grid-template-columns value '1px' computes to '10px 1px']
expected: FAIL
[Property grid-template-columns value '1px [a\]' computes to '10px 1px [a\]']
expected: FAIL
[Property grid-template-columns value '1px [a\] 2px' computes to '10px 1px [a\] 2px']
expected: FAIL
[Property grid-template-columns value '[a\] 1px' computes to '10px [a\] 1px']
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\]' computes to '10px [a\] 1px [b\]']
expected: FAIL
[Property grid-template-columns value '1px repeat(1, 2px) 3px' computes to '10px 1px 2px 3px']
expected: FAIL
[Property grid-template-columns value '1px repeat(auto-fill, 2px) 3px' computes to '10px 1px 2px 3px']
expected: FAIL
[Property grid-template-columns value '1px repeat(auto-fit, 2px) 3px' computes to '10px 1px 0px 3px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(1, 2px 3px) [b\] 4px' computes to '10px 1px [a\] 2px 3px [b\] 4px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(auto-fill, 2px 3px) [b\] 4px' computes to '10px 1px [a\] 2px 3px [b\] 4px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(auto-fit, 2px 3px) [b\] 4px' computes to '10px 1px [a\] 0px 0px [b\] 4px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(1, [b\] 2px [c\]) [d\] 3px' computes to '10px 1px [a b\] 2px [c d\] 3px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(auto-fill, [b\] 2px [c\]) [d\] 3px' computes to '10px 1px [a b\] 2px [c d\] 3px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(auto-fit, [b\] 2px [c\]) [d\] 3px' computes to '10px 1px [a b\] 0px [c d\] 3px']
expected: FAIL
[Property grid-template-columns value '[a\] 1px repeat(1, 2px [b\] 3px) 4px [d\]' computes to '10px [a\] 1px 2px [b\] 3px 4px [d\]']
expected: FAIL
[Property grid-template-columns value '[a\] 1px repeat(auto-fill, 2px [b\] 3px) 4px [d\]' computes to '10px [a\] 1px 2px [b\] 3px 4px [d\]']
expected: FAIL
[Property grid-template-columns value '[a\] 1px repeat(auto-fit, 2px [b\] 3px) 4px [d\]' computes to '10px [a\] 1px 0px [b\] 0px 4px [d\]']
expected: FAIL
[Property grid-template-columns value '100% [a\] repeat(1, [b\] 200% [c\]) [d\] 300%' computes to '10px 1px [a b\] 2px [c d\] 3px']
expected: FAIL
[Property grid-template-columns value '100% [a\] repeat(auto-fill, [b\] 200% [c\]) [d\] 300%' computes to '10px 1px [a b\] 2px [c d\] 3px']
expected: FAIL
[Property grid-template-columns value '100% [a\] repeat(auto-fit, [b\] 200% [c\]) [d\] 300%' computes to '10px 1px [a b\] 0px [c d\] 3px']
expected: FAIL
[Property grid-template-columns value '[a\] 1em repeat(1, 2em [b\] 3em) 4em [d\]' computes to '10px [a\] 1px 2px [b\] 3px 4px [d\]']
expected: FAIL
[Property grid-template-columns value '[a\] 1em repeat(auto-fill, 2em [b\] 3em) 4em [d\]' computes to '10px [a\] 1px 2px [b\] 3px 4px [d\]']
expected: FAIL
[Property grid-template-columns value '[a\] 1em repeat(auto-fit, 2em [b\] 3em) 4em [d\]' computes to '10px [a\] 1px 0px [b\] 0px 4px [d\]']
expected: FAIL

View file

@ -0,0 +1,96 @@
[grid-template-columns-computed-nogrid.html]
[Property grid-template-columns value 'none']
expected: FAIL
[Property grid-template-columns value '1px']
expected: FAIL
[Property grid-template-columns value '1px [a\]']
expected: FAIL
[Property grid-template-columns value '1px [a\] 2px']
expected: FAIL
[Property grid-template-columns value '[a\] 1px']
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\]']
expected: FAIL
[Property grid-template-columns value '1px repeat(1, 2px) 3px']
expected: FAIL
[Property grid-template-columns value '1px repeat(auto-fill, 2px) 3px']
expected: FAIL
[Property grid-template-columns value '1px repeat(auto-fit, 2px) 3px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(1, 2px 3px) [b\] 4px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(2, 2px 3px) [b\] 4px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(auto-fill, 2px 3px) [b\] 4px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(auto-fit, 2px 3px) [b\] 4px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(1, [b\] 2px [c\]) [d\] 3px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(auto-fill, [b\] 2px [c\]) [d\] 3px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(auto-fit, [b\] 2px [c\]) [d\] 3px']
expected: FAIL
[Property grid-template-columns value '[a\] 1px repeat(1, 2px [b\] 3px) 4px [d\]']
expected: FAIL
[Property grid-template-columns value '[a\] 1px repeat(auto-fill, 2px [b\] 3px) 4px [d\]']
expected: FAIL
[Property grid-template-columns value '[a\] 1px 4px [d\]']
expected: FAIL
[Property grid-template-columns value '[a\] 1px repeat(auto-fill, 2px [b\] 3px) [d\] 4px']
expected: FAIL
[Property grid-template-columns value '[a\] 1px repeat(auto-fit, 2px [b\] 3px) 4px [d\]']
expected: FAIL
[Property grid-template-rows value '100% [a\] repeat(1, [b\] 200% [c\]) [d\] 300%']
expected: FAIL
[Property grid-template-rows value '100% [a\] repeat(auto-fill, [b\] 200% [c\]) [d\] 300%']
expected: FAIL
[Property grid-template-rows value '100% [a\] repeat(auto-fit, [b\] 200% [c\]) [d\] 300%']
expected: FAIL
[Property grid-template-columns value '[a\] 1em repeat(1, 2em [b\] 3em) 4em [d\]']
expected: FAIL
[Property grid-template-columns value '[a\] 1em repeat(auto-fill, 2em [b\] 3em) 4em [d\]']
expected: FAIL
[Property grid-template-columns value '[a\] 1em repeat(auto-fit, 2em [b\] 3em) 4em [d\]']
expected: FAIL
[Property grid-template-columns value 'repeat(1, 2px [a\] 3px) [b\] repeat(auto-fill, [c\] 200% [d\]) [e\] 300%']
expected: FAIL
[Property grid-template-columns value '[a\] repeat(auto-fill, [b\] 200% [c\]) repeat(1, 2px [d\] 3px) [e\] 300%']
expected: FAIL
[Property grid-template-columns value 'repeat(1, [a\] 2px [b\] 3px) [b\] repeat(auto-fill, [c\] 200% [d\]) [e\] 300%']
expected: FAIL
[Property grid-template-columns value '[a\] repeat(auto-fill, [b\] 200% [c\]) repeat(1, 2px [d\] 3px [e\]) [f\] 300%']
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b c\] repeat(auto-fill, [d\] 200% [e f\]) [g\] 2px repeat(1, 3px [d e\] 4px [e f\]) [g\] 300% [h\]']
expected: FAIL

View file

@ -0,0 +1,90 @@
[grid-template-columns-computed-withcontent.html]
[Property grid-template-columns value 'none']
expected: FAIL
[Property grid-template-columns value '20%']
expected: FAIL
[Property grid-template-columns value 'calc(-0.5em + 10px)']
expected: FAIL
[Property grid-template-columns value 'calc(0.5em + 10px)']
expected: FAIL
[Property grid-template-columns value 'calc(30% + 40px)']
expected: FAIL
[Property grid-template-columns value '5fr']
expected: FAIL
[Property grid-template-columns value 'min-content']
expected: FAIL
[Property grid-template-columns value 'max-content']
expected: FAIL
[Property grid-template-columns value 'auto']
expected: FAIL
[Property grid-template-columns value 'minmax(10px, auto)']
expected: FAIL
[Property grid-template-columns value 'minmax(20%, max-content)']
expected: FAIL
[Property grid-template-columns value 'minmax(min-content, calc(-0.5em + 10px))']
expected: FAIL
[Property grid-template-columns value 'minmax(auto, 0)']
expected: FAIL
[Property grid-template-columns value 'fit-content(70px)']
expected: FAIL
[Property grid-template-columns value 'fit-content(20%)']
expected: FAIL
[Property grid-template-columns value 'fit-content(calc(-0.5em + 10px))']
expected: FAIL
[Property grid-template-columns value 'repeat(1, 10px)']
expected: FAIL
[Property grid-template-columns value 'repeat(1, [one two\] 20%)']
expected: FAIL
[Property grid-template-columns value 'repeat(2, minmax(10px, auto))']
expected: FAIL
[Property grid-template-columns value 'repeat(2, fit-content(20%) [three four\] 30px 40px [five six\])']
expected: FAIL
[Property grid-template-columns value 'min-content repeat(5, minmax(10px, auto))']
expected: FAIL
[Property grid-template-columns value '[\] 150px [\] 1fr [\]']
expected: FAIL
[Property grid-template-columns value 'repeat(auto-fill, 200px)']
expected: FAIL
[Property grid-template-columns value 'repeat(auto-fit, [one\] 20%)']
expected: FAIL
[Property grid-template-columns value 'repeat(auto-fill, minmax(100px, 5fr) [two\])']
expected: FAIL
[Property grid-template-columns value 'repeat(auto-fit, [three\] minmax(max-content, 6em) [four\])']
expected: FAIL
[Property grid-template-columns value '[a\] 21px [b\] repeat(auto-fill, [c\] 22px [d\] 23px [e\]) [f\] 24px [g\]']
expected: FAIL
[Property grid-template-columns value '[a\] 21px [b c\] repeat(auto-fill, [d e\] 22px [f g h\] 23px [i j k l\]) [m n\] 24px [o\]']
expected: FAIL
[Property grid-template-columns value '[a\] repeat(2, [b\] 20px [c d\] 21px [e f g\]) [h i\] repeat(auto-fit, [j\] 22px [k l m\] 23px [n o p q\]) [r s\]']
expected: FAIL
[Property grid-template-columns value '[one\] repeat(2, minmax(50px, auto)) [two\] 30px [three\] repeat(auto-fill, 10px) 40px [four five\] repeat(2, minmax(200px, auto)) [six\]']
expected: FAIL

View file

@ -0,0 +1,72 @@
[grid-template-columns-computed.html]
[Property grid-template-columns value 'none']
expected: FAIL
[Property grid-template-columns value '1px']
expected: FAIL
[Property grid-template-columns value '1px [a\]']
expected: FAIL
[Property grid-template-columns value '1px [a\] 2px']
expected: FAIL
[Property grid-template-columns value '[a\] 1px']
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\]']
expected: FAIL
[Property grid-template-columns value '1px repeat(1, 2px) 3px']
expected: FAIL
[Property grid-template-columns value '1px repeat(auto-fill, 2px) 3px']
expected: FAIL
[Property grid-template-columns value '1px repeat(auto-fit, 2px) 3px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(1, 2px 3px) [b\] 4px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(auto-fill, 2px 3px) [b\] 4px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(auto-fit, 2px 3px) [b\] 4px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(1, [b\] 2px [c\]) [d\] 3px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(auto-fill, [b\] 2px [c\]) [d\] 3px']
expected: FAIL
[Property grid-template-columns value '1px [a\] repeat(auto-fit, [b\] 2px [c\]) [d\] 3px']
expected: FAIL
[Property grid-template-columns value '[a\] 1px repeat(1, 2px [b\] 3px) 4px [d\]']
expected: FAIL
[Property grid-template-columns value '[a\] 1px repeat(auto-fill, 2px [b\] 3px) 4px [d\]']
expected: FAIL
[Property grid-template-columns value '[a\] 1px repeat(auto-fit, 2px [b\] 3px) 4px [d\]']
expected: FAIL
[Property grid-template-columns value '100% [a\] repeat(1, [b\] 200% [c\]) [d\] 300%']
expected: FAIL
[Property grid-template-columns value '100% [a\] repeat(auto-fill, [b\] 200% [c\]) [d\] 300%']
expected: FAIL
[Property grid-template-columns value '100% [a\] repeat(auto-fit, [b\] 200% [c\]) [d\] 300%']
expected: FAIL
[Property grid-template-columns value '[a\] 1em repeat(1, 2em [b\] 3em) 4em [d\]']
expected: FAIL
[Property grid-template-columns value '[a\] 1em repeat(auto-fill, 2em [b\] 3em) 4em [d\]']
expected: FAIL
[Property grid-template-columns value '[a\] 1em repeat(auto-fit, 2em [b\] 3em) 4em [d\]']
expected: FAIL

View file

@ -0,0 +1,102 @@
[grid-template-columns-valid.html]
[e.style['grid-template-columns'\] = "none" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "10px" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "20%" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "calc(-0.5em + 10px)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "calc(0.5em + 10px)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "calc(30% + 40vw)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "5fr" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "min-content" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "max-content" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "auto" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "minmax(10px, auto)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "minmax(20%, max-content)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "minmax(calc(-0.5em + 10px), min-content)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "minmax(calc(0.5em + 10px), 5fr)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "minmax(calc(30% + 40vw), 10px)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "minmax(min-content, 20%)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "minmax(max-content, calc(-0.5em + 10px))" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "minmax(auto, calc(0.5em + 10px))" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "fit-content(10px)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "fit-content(20%)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "fit-content(calc(-0.5em + 10px))" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "fit-content(calc(0.5em + 10px))" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "fit-content(calc(30% + 40vw))" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "repeat(1, [\] 10px [\])" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "repeat(1, [one two\] 20%)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "repeat(2, minmax(10px, auto))" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "repeat(2, fit-content(20%) [three four\] 30px 40px [five six\])" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "min-content repeat(5, minmax(10px, auto))" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "[\] 150px [\] 1fr [\]" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "repeat(auto-fill, 10px)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "repeat(auto-fit, [one\] 20%)" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "repeat(auto-fill, minmax(30px, 5fr) [two\])" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "repeat(auto-fit, [three\] minmax(max-content, 6em) [four\])" should set the property value]
expected: FAIL
[e.style['grid-template-columns'\] = "[one\] repeat(2, minmax(10px, auto)) [two\] 30px [three\] repeat(auto-fill, 10px) 40px [four five\] repeat(2, minmax(10px, auto)) [six\]" should set the property value]
expected: FAIL

View file

@ -0,0 +1,3 @@
[grid-template-important.html]
[grid-template followed by !important]
expected: FAIL

View file

@ -0,0 +1,3 @@
[grid-template-node-not-connected.html]
[grid-template-node-not-connected]
expected: FAIL

View file

@ -0,0 +1,36 @@
[grid-template-repeat-auto-computed-withcontent-001.html]
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\]) [i\] 5px [k\] 6px [l m\] ' gridColumn = 3]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\]) [i\] 5px [k\] 6px [l m\] ' gridColumn = 4]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\]) [i\] 5px [k\] 6px [l m\] ' gridColumn = 5]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\]) [i\] 5px [k\] 6px [l m\] ' gridColumn = 6]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\]) [i\] 5px [k\] 6px [l m\] ' gridColumn = 4 / 5]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\]) [i\] 5px [k\] 6px [l m\] ' gridColumn = 4 / 6]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\]) [i\] 5px [k\] 6px [l m\] ' gridColumn = 3 / 6]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fill, [e f\] 3px [g\] 4px [h\]) [i\] 5px [k\] 6px [l m\] ' gridColumn = 3]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fill, [e f\] 3px [g\] 4px [h\]) [i\] 5px [k\] 6px [l m\] ' gridColumn = 4]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fill, [e f\] 3px [g\] 4px [h\]) [i\] 5px [k\] 6px [l m\] ' gridColumn = 5]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fill, [e f\] 3px [g\] 4px [h\]) [i\] 5px [k\] 6px [l m\] ' gridColumn = 4 / 7]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fill, [e f\] 3px [g\] 4px [h\]) [i\] 5px [k\] 6px [l m\] ' gridColumn = 3 / 6]
expected: FAIL

View file

@ -0,0 +1,51 @@
[grid-template-repeat-auto-computed-withcontent-002.html]
[Property grid-template-rows value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\] 5px [i j\]) [k\] 7px [k\] 8px [l m\]' gridRow = 3]
expected: FAIL
[Property grid-template-rows value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\] 5px [i j\]) [k\] 7px [k\] 8px [l m\]' gridRow = 5]
expected: FAIL
[Property grid-template-rows value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\] 5px [i j\]) [k\] 7px [k\] 8px [l m\]' gridRow = 3 / 8]
expected: FAIL
[Property grid-template-rows value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\] 5px [i j\]) [k\] 7px [k\] 8px [l m\]' gridRow = 4 / span 2]
expected: FAIL
[Property grid-template-rows value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\] 5px [i j\]) [k\] 7px [k\] 8px [l m\]' gridRow = 4 / 5]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\] 5px [i j\]) [k\] 7px [k\] 8px [l m\]' gridColumn = 3]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\] 5px [i j\]) [k\] 7px [k\] 8px [l m\]' gridColumn = 6]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\] 5px [i j\]) [k\] 7px [k\] 8px [l m\]' gridColumn = 3 / 8]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\] 5px [i j\]) [k\] 7px [k\] 8px [l m\]' gridColumn = 5 / span 2]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\] 5px [i j\]) [k\] 7px [k\] 8px [l m\]' gridColumn = 7 / span 2]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\] 5px [i j\]) [k\] 7px [k\] 8px [l m\]' gridColumn = 5 / 8]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\] 5px [i j\]) [k\] 7px [k\] 8px [l m\]' gridColumn = 8 / 10]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\]) [i j\] 7px [k\] 8px [l m\]' gridColumn = 3]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\]) [i j\] 7px [k\] 8px [l m\]' gridColumn = 6]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\]) [i j\] 7px [k\] 8px [l m\]' gridColumn = 3 / 8]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\]) [i j\] 7px [k\] 8px [l m\]' gridColumn = 6 / span 2]
expected: FAIL
[Property grid-template-columns value '[a\] 1px [b\] 2px [c d\] repeat(auto-fit, [e f\] 3px [g\] 4px [h\]) [i j\] 7px [k\] 8px [l m\]' gridColumn = 5 / 10]
expected: FAIL

View file

@ -0,0 +1,72 @@
[grid-template-rows-computed-implicit-track.html]
[Property grid-template-rows value 'none' computes to '10px']
expected: FAIL
[Property grid-template-rows value '1px' computes to '10px 1px']
expected: FAIL
[Property grid-template-rows value '1px [a\]' computes to '10px 1px [a\]']
expected: FAIL
[Property grid-template-rows value '1px [a\] 2px' computes to '10px 1px [a\] 2px']
expected: FAIL
[Property grid-template-rows value '[a\] 1px' computes to '10px [a\] 1px']
expected: FAIL
[Property grid-template-rows value '[a\] 1px [b\]' computes to '10px [a\] 1px [b\]']
expected: FAIL
[Property grid-template-rows value '1px repeat(1, 2px) 3px' computes to '10px 1px 2px 3px']
expected: FAIL
[Property grid-template-rows value '1px repeat(auto-fill, 2px) 3px' computes to '10px 1px 2px 3px']
expected: FAIL
[Property grid-template-rows value '1px repeat(auto-fit, 2px) 3px' computes to '10px 1px 0px 3px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(1, 2px 3px) [b\] 4px' computes to '10px 1px [a\] 2px 3px [b\] 4px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(auto-fill, 2px 3px) [b\] 4px' computes to '10px 1px [a\] 2px 3px [b\] 4px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(auto-fit, 2px 3px) [b\] 4px' computes to '10px 1px [a\] 0px 0px [b\] 4px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(1, [b\] 2px [c\]) [d\] 3px' computes to '10px 1px [a b\] 2px [c d\] 3px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(auto-fill, [b\] 2px [c\]) [d\] 3px' computes to '10px 1px [a b\] 2px [c d\] 3px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(auto-fit, [b\] 2px [c\]) [d\] 3px' computes to '10px 1px [a b\] 0px [c d\] 3px']
expected: FAIL
[Property grid-template-rows value '[a\] 1px repeat(1, 2px [b\] 3px) 4px [d\]' computes to '10px [a\] 1px 2px [b\] 3px 4px [d\]']
expected: FAIL
[Property grid-template-rows value '[a\] 1px repeat(auto-fill, 2px [b\] 3px) 4px [d\]' computes to '10px [a\] 1px 2px [b\] 3px 4px [d\]']
expected: FAIL
[Property grid-template-rows value '[a\] 1px repeat(auto-fit, 2px [b\] 3px) 4px [d\]' computes to '10px [a\] 1px 0px [b\] 0px 4px [d\]']
expected: FAIL
[Property grid-template-rows value '100% [a\] repeat(1, [b\] 200% [c\]) [d\] 300%' computes to '10px 1px [a b\] 2px [c d\] 3px']
expected: FAIL
[Property grid-template-rows value '100% [a\] repeat(auto-fill, [b\] 200% [c\]) [d\] 300%' computes to '10px 1px [a b\] 2px [c d\] 3px']
expected: FAIL
[Property grid-template-rows value '100% [a\] repeat(auto-fit, [b\] 200% [c\]) [d\] 300%' computes to '10px 1px [a b\] 0px [c d\] 3px']
expected: FAIL
[Property grid-template-rows value '[a\] 1em repeat(1, 2em [b\] 3em) 4em [d\]' computes to '10px [a\] 1px 2px [b\] 3px 4px [d\]']
expected: FAIL
[Property grid-template-rows value '[a\] 1em repeat(auto-fill, 2em [b\] 3em) 4em [d\]' computes to '10px [a\] 1px 2px [b\] 3px 4px [d\]']
expected: FAIL
[Property grid-template-rows value '[a\] 1em repeat(auto-fit, 2em [b\] 3em) 4em [d\]' computes to '10px [a\] 1px 0px [b\] 0px 4px [d\]']
expected: FAIL

View file

@ -0,0 +1,72 @@
[grid-template-rows-computed-nogrid.html]
[Property grid-template-rows value 'none']
expected: FAIL
[Property grid-template-rows value '1px']
expected: FAIL
[Property grid-template-rows value '1px [a\]']
expected: FAIL
[Property grid-template-rows value '1px [a\] 2px']
expected: FAIL
[Property grid-template-rows value '[a\] 1px']
expected: FAIL
[Property grid-template-rows value '[a\] 1px [b\]']
expected: FAIL
[Property grid-template-rows value '1px repeat(1, 2px) 3px']
expected: FAIL
[Property grid-template-rows value '1px repeat(auto-fill, 2px) 3px']
expected: FAIL
[Property grid-template-rows value '1px repeat(auto-fit, 2px) 3px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(1, 2px 3px) [b\] 4px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(auto-fill, 2px 3px) [b\] 4px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(auto-fit, 2px 3px) [b\] 4px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(1, [b\] 2px [c\]) [d\] 3px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(auto-fill, [b\] 2px [c\]) [d\] 3px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(auto-fit, [b\] 2px [c\]) [d\] 3px']
expected: FAIL
[Property grid-template-rows value '[a\] 1px repeat(1, 2px [b\] 3px) 4px [d\]']
expected: FAIL
[Property grid-template-rows value '[a\] 1px repeat(auto-fill, 2px [b\] 3px) 4px [d\]']
expected: FAIL
[Property grid-template-rows value '[a\] 1px repeat(auto-fit, 2px [b\] 3px) 4px [d\]']
expected: FAIL
[Property grid-template-rows value '100% [a\] repeat(1, [b\] 200% [c\]) [d\] 300%']
expected: FAIL
[Property grid-template-rows value '100% [a\] repeat(auto-fill, [b\] 200% [c\]) [d\] 300%']
expected: FAIL
[Property grid-template-rows value '100% [a\] repeat(auto-fit, [b\] 200% [c\]) [d\] 300%']
expected: FAIL
[Property grid-template-rows value '[a\] 1em repeat(1, 2em [b\] 3em) 4em [d\]']
expected: FAIL
[Property grid-template-rows value '[a\] 1em repeat(auto-fill, 2em [b\] 3em) 4em [d\]']
expected: FAIL
[Property grid-template-rows value '[a\] 1em repeat(auto-fit, 2em [b\] 3em) 4em [d\]']
expected: FAIL

View file

@ -0,0 +1,81 @@
[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(-0.5em + 10px)']
expected: FAIL
[Property grid-template-rows value 'calc(0.5em + 10px)']
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
[Property grid-template-rows value 'repeat(auto-fill, minmax(100px, 5fr) [two\])']
expected: FAIL
[Property grid-template-rows value 'repeat(auto-fit, [three\] minmax(max-content, 6em) [four\])']
expected: FAIL
[Property grid-template-rows value '[one\] repeat(2, minmax(50px, auto)) [two\] 30px [three\] repeat(auto-fill, 10px) 40px [four five\] repeat(2, minmax(200px, auto)) [six\]']
expected: FAIL

View file

@ -0,0 +1,72 @@
[grid-template-rows-computed.html]
[Property grid-template-rows value 'none']
expected: FAIL
[Property grid-template-rows value '1px']
expected: FAIL
[Property grid-template-rows value '1px [a\]']
expected: FAIL
[Property grid-template-rows value '1px [a\] 2px']
expected: FAIL
[Property grid-template-rows value '[a\] 1px']
expected: FAIL
[Property grid-template-rows value '[a\] 1px [b\]']
expected: FAIL
[Property grid-template-rows value '1px repeat(1, 2px) 3px']
expected: FAIL
[Property grid-template-rows value '1px repeat(auto-fill, 2px) 3px']
expected: FAIL
[Property grid-template-rows value '1px repeat(auto-fit, 2px) 3px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(1, 2px 3px) [b\] 4px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(auto-fill, 2px 3px) [b\] 4px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(auto-fit, 2px 3px) [b\] 4px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(1, [b\] 2px [c\]) [d\] 3px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(auto-fill, [b\] 2px [c\]) [d\] 3px']
expected: FAIL
[Property grid-template-rows value '1px [a\] repeat(auto-fit, [b\] 2px [c\]) [d\] 3px']
expected: FAIL
[Property grid-template-rows value '[a\] 1px repeat(1, 2px [b\] 3px) 4px [d\]']
expected: FAIL
[Property grid-template-rows value '[a\] 1px repeat(auto-fill, 2px [b\] 3px) 4px [d\]']
expected: FAIL
[Property grid-template-rows value '[a\] 1px repeat(auto-fit, 2px [b\] 3px) 4px [d\]']
expected: FAIL
[Property grid-template-rows value '100% [a\] repeat(1, [b\] 200% [c\]) [d\] 300%']
expected: FAIL
[Property grid-template-rows value '100% [a\] repeat(auto-fill, [b\] 200% [c\]) [d\] 300%']
expected: FAIL
[Property grid-template-rows value '100% [a\] repeat(auto-fit, [b\] 200% [c\]) [d\] 300%']
expected: FAIL
[Property grid-template-rows value '[a\] 1em repeat(1, 2em [b\] 3em) 4em [d\]']
expected: FAIL
[Property grid-template-rows value '[a\] 1em repeat(auto-fill, 2em [b\] 3em) 4em [d\]']
expected: FAIL
[Property grid-template-rows value '[a\] 1em repeat(auto-fit, 2em [b\] 3em) 4em [d\]']
expected: FAIL

View file

@ -0,0 +1,102 @@
[grid-template-rows-valid.html]
[e.style['grid-template-rows'\] = "none" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "10px" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "20%" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "calc(-0.5em + 10px)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "calc(0.5em + 10px)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "calc(30% + 40vw)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "5fr" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "min-content" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "max-content" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "auto" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "minmax(10px, auto)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "minmax(20%, max-content)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "minmax(calc(-0.5em + 10px), min-content)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "minmax(calc(0.5em + 10px), 5fr)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "minmax(calc(30% + 40vw), 10px)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "minmax(min-content, 20%)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "minmax(max-content, calc(-0.5em + 10px))" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "minmax(auto, calc(0.5em + 10px))" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "fit-content(10px)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "fit-content(20%)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "fit-content(calc(-0.5em + 10px))" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "fit-content(calc(0.5em + 10px))" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "fit-content(calc(30% + 40vw))" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "repeat(1, [\] 10px [\])" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "repeat(1, [one two\] 20%)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "repeat(2, minmax(10px, auto))" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "repeat(2, fit-content(20%) [three four\] 30px 40px [five six\])" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "min-content repeat(5, minmax(10px, auto))" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "[\] 150px [\] 1fr [\]" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "repeat(auto-fill, 10px)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "repeat(auto-fit, [one\] 20%)" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "repeat(auto-fill, minmax(30px, 5fr) [two\])" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "repeat(auto-fit, [three\] minmax(max-content, 6em) [four\])" should set the property value]
expected: FAIL
[e.style['grid-template-rows'\] = "[one\] repeat(2, minmax(10px, auto)) [two\] 30px [three\] repeat(auto-fill, 10px) 40px [four five\] repeat(2, minmax(10px, auto)) [six\]" should set the property value]
expected: FAIL

View file

@ -0,0 +1,15 @@
[grid-template-shorthand-areas-valid.html]
[grid-template: none / 1px and "grid-template-areas: "a";" should be valid.]
expected: FAIL
[grid-template: none / none and "grid-template-areas: "a";" should be valid.]
expected: FAIL
[grid-template: auto / 1px and "grid-template-areas: "a a a";" should be valid.]
expected: FAIL
[grid-template: auto / auto and "grid-template-areas: "a a a";" should be valid.]
expected: FAIL
[grid-template: 10px 20px 30px / 40px 50px 60px 70px and "grid-template-areas: "a . b ." "c d . e" "f g h .";" should be valid.]
expected: FAIL

View file

@ -0,0 +1,120 @@
[grid-template-shorthand-valid.html]
[e.style['grid-template'\] = "none" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "none / none" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "auto / auto" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "none / [a\] 0px" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "none / [\] 0px" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "[a\] 10px / auto" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "[a\] 10px / none" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "[\] 10px [\] / [\] auto [\]" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "[a\] \\"a\\" 10px" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "[a\] \\"a\\" 10px [\]" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" 10px" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "[\] \\"a\\" 10px" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "[a\] \\"a\\" 10px [a\]" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\"" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" auto" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a a a\\"" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" / 10px" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" / 20%" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" / 5fr" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "[a\] \\"a\\"" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "[a\] \\"a\\" [a\]" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "[\] \\"a\\"" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" [\] [\] \\"b\\"" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" [\] \\"b\\"" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" [a\] [b\] \\"b\\"" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" [a\] \\"b\\"" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" / 0" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" 10px / 10px" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" calc(100% - 10px) / calc(10px)" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" [a\] \\"b\\" 10px" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" [a\] \\"b\\" 10px [a\]" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" [a\] [a\] \\"b\\" 10px" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" [a\] [\] \\"b\\" 10px" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" 10px [a\] \\"b\\" [a\]" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" [a\] \\"b\\" [a\]" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "[a\] \\"a\\" [a\] \\"b\\" [a\]" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" \\"a\\" [a\] \\"b\\" [a\]" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" [a\] \\"b\\" [a\] / 0" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" \\"a\\" [a\] [a\] \\"b\\" / auto" should set the property value]
expected: FAIL
[e.style['grid-template'\] = "\\"a\\" auto [a\] \\"b\\" auto [b\] / 10px" should set the property value]
expected: FAIL

View file

@ -0,0 +1,72 @@
[grid-template-shorthand.html]
[e.style['grid-template'\] = "none" should set grid-template-areas]
expected: FAIL
[e.style['grid-template'\] = "none" should set grid-template-columns]
expected: FAIL
[e.style['grid-template'\] = "none" should set grid-template-rows]
expected: FAIL
[e.style['grid-template'\] = "none" should not set unrelated longhands]
expected: FAIL
[e.style['grid-template'\] = "10px / 20%" should set grid-template-areas]
expected: FAIL
[e.style['grid-template'\] = "10px / 20%" should set grid-template-columns]
expected: FAIL
[e.style['grid-template'\] = "10px / 20%" should set grid-template-rows]
expected: FAIL
[e.style['grid-template'\] = "10px / 20%" should not set unrelated longhands]
expected: FAIL
[e.style['grid-template'\] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-template-areas]
expected: FAIL
[e.style['grid-template'\] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-template-columns]
expected: FAIL
[e.style['grid-template'\] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-template-rows]
expected: FAIL
[e.style['grid-template'\] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should not set unrelated longhands]
expected: FAIL
[e.style['grid-template'\] = "[header-top\] \\"a a a\\" [header-bottom\] [main-top\] \\"b b b\\" 1fr [main-bottom\] / auto 1fr auto" should set grid-template-areas]
expected: FAIL
[e.style['grid-template'\] = "[header-top\] \\"a a a\\" [header-bottom\] [main-top\] \\"b b b\\" 1fr [main-bottom\] / auto 1fr auto" should set grid-template-columns]
expected: FAIL
[e.style['grid-template'\] = "[header-top\] \\"a a a\\" [header-bottom\] [main-top\] \\"b b b\\" 1fr [main-bottom\] / auto 1fr auto" should set grid-template-rows]
expected: FAIL
[e.style['grid-template'\] = "[header-top\] \\"a a a\\" [header-bottom\] [main-top\] \\"b b b\\" 1fr [main-bottom\] / auto 1fr auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-template'\] = " \\"a a a\\" \\"b b b\\" 1fr/ auto 1fr auto" should set grid-template-areas]
expected: FAIL
[e.style['grid-template'\] = " \\"a a a\\" \\"b b b\\" 1fr/ auto 1fr auto" should set grid-template-columns]
expected: FAIL
[e.style['grid-template'\] = " \\"a a a\\" \\"b b b\\" 1fr/ auto 1fr auto" should set grid-template-rows]
expected: FAIL
[e.style['grid-template'\] = " \\"a a a\\" \\"b b b\\" 1fr/ auto 1fr auto" should not set unrelated longhands]
expected: FAIL
[e.style['grid-template'\] = " [\] \\"a a a\\" [\] [\] \\"b b b\\" 1fr [\] / [\] auto 1fr [\] auto [\]" should set grid-template-areas]
expected: FAIL
[e.style['grid-template'\] = " [\] \\"a a a\\" [\] [\] \\"b b b\\" 1fr [\] / [\] auto 1fr [\] auto [\]" should set grid-template-columns]
expected: FAIL
[e.style['grid-template'\] = " [\] \\"a a a\\" [\] [\] \\"b b b\\" 1fr [\] / [\] auto 1fr [\] auto [\]" should set grid-template-rows]
expected: FAIL
[e.style['grid-template'\] = " [\] \\"a a a\\" [\] [\] \\"b b b\\" 1fr [\] / [\] auto 1fr [\] auto [\]" should not set unrelated longhands]
expected: FAIL