| OLD | NEW |
| 1 Test that setting and getting grid-template-columns and grid-template-rows works
as expected | 1 Test that setting and getting grid-template-columns and grid-template-rows works
as expected |
| 2 | 2 |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 4 | 4 |
| 5 | 5 |
| 6 Test getting grid-template-columns and grid-template-rows set through CSS | 6 Test getting grid-template-columns and grid-template-rows set through CSS |
| 7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem
plate-columns') is "none" | 7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem
plate-columns') is "none" |
| 8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem
plate-rows') is "none" | 8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem
plate-rows') is "none" |
| 9 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-columns') is "10px" | 9 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-columns') is "10px" |
| 10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-rows') is "15px" | 10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-rows') is "15px" |
| (...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 108 PASS element.style.gridTemplateRows is "4fr" | 108 PASS element.style.gridTemplateRows is "4fr" |
| 109 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"minmax(auto, 48px)" | 109 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"minmax(auto, 48px)" |
| 110 PASS element.style.gridTemplateColumns is "minmax(auto, 8vh)" | 110 PASS element.style.gridTemplateColumns is "minmax(auto, 8vh)" |
| 111 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi
nmax(80px, auto)" | 111 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi
nmax(80px, auto)" |
| 112 PASS element.style.gridTemplateRows is "minmax(10vw, auto)" | 112 PASS element.style.gridTemplateRows is "minmax(10vw, auto)" |
| 113 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"0px" | 113 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"0px" |
| 114 PASS element.style.gridTemplateColumns is "0fr" | 114 PASS element.style.gridTemplateColumns is "0fr" |
| 115 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p
x" | 115 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p
x" |
| 116 PASS element.style.gridTemplateRows is "0fr" | 116 PASS element.style.gridTemplateRows is "0fr" |
| 117 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"0px" | 117 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"0px" |
| 118 PASS element.style.gridTemplateColumns is "minmax(0fr, 0fr)" | 118 PASS element.style.gridTemplateColumns is "minmax(auto, 0fr)" |
| 119 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p
x" | 119 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p
x" |
| 120 PASS element.style.gridTemplateRows is "minmax(0fr, 0fr)" | 120 PASS element.style.gridTemplateRows is "minmax(auto, 0fr)" |
| 121 | 121 |
| 122 Test setting grid-template-columns and grid-template-rows to bad values through
JS | 122 Test setting grid-template-columns and grid-template-rows to bad values through
JS |
| 123 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 123 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 124 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 124 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 125 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 125 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 126 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 126 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 127 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 127 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 128 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 128 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 129 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 129 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 130 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 130 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 131 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 131 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 132 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 132 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 133 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 133 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 134 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 134 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 135 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 135 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 136 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 136 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 137 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 137 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 138 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 138 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 139 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 139 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 140 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 140 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 141 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 141 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 142 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 142 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 143 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 144 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 145 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 146 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 143 | 147 |
| 144 Test setting grid-template-columns and grid-template-rows back to 'none' through
JS | 148 Test setting grid-template-columns and grid-template-rows back to 'none' through
JS |
| 145 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"18px" | 149 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"18px" |
| 146 PASS element.style.gridTemplateColumns is "18px" | 150 PASS element.style.gridTemplateColumns is "18px" |
| 147 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66
px" | 151 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66
px" |
| 148 PASS element.style.gridTemplateRows is "66px" | 152 PASS element.style.gridTemplateRows is "66px" |
| 149 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" | 153 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" |
| 150 PASS element.style.gridTemplateColumns is "none" | 154 PASS element.style.gridTemplateColumns is "none" |
| 151 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" | 155 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" |
| 152 PASS element.style.gridTemplateRows is "none" | 156 PASS element.style.gridTemplateRows is "none" |
| 153 | 157 |
| 154 Test setting grid-template-columns and grid-template-rows to 'inherit' through J
S | 158 Test setting grid-template-columns and grid-template-rows to 'inherit' through J
S |
| 155 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'50px [last]' | 159 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'50px [last]' |
| 156 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f
irst] 101%' | 160 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f
irst] 101%' |
| 157 | 161 |
| 158 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S | 162 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S |
| 159 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'150% [last]' | 163 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'150% [last]' |
| 160 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f
irst] 1fr' | 164 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f
irst] 1fr' |
| 161 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' | 165 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' |
| 162 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' | 166 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' |
| 163 PASS successfullyParsed is true | 167 PASS successfullyParsed is true |
| 164 | 168 |
| 165 TEST COMPLETE | 169 TEST COMPLETE |
| 166 | 170 |
| OLD | NEW |