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 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
120 PASS element.style.gridTemplateRows is "2.718fr" | 120 PASS element.style.gridTemplateRows is "2.718fr" |
121 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"800px" | 121 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"800px" |
122 PASS element.style.gridTemplateColumns is "3fr" | 122 PASS element.style.gridTemplateColumns is "3fr" |
123 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60
0px" | 123 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60
0px" |
124 PASS element.style.gridTemplateRows is "4fr" | 124 PASS element.style.gridTemplateRows is "4fr" |
125 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"0px" | 125 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"0px" |
126 PASS element.style.gridTemplateColumns is "0fr" | 126 PASS element.style.gridTemplateColumns is "0fr" |
127 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p
x" | 127 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p
x" |
128 PASS element.style.gridTemplateRows is "0fr" | 128 PASS element.style.gridTemplateRows is "0fr" |
129 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"0px" | 129 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"0px" |
130 PASS element.style.gridTemplateColumns is "minmax(0fr, 0fr)" | 130 PASS element.style.gridTemplateColumns is "minmax(auto, 0fr)" |
131 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p
x" | 131 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p
x" |
132 PASS element.style.gridTemplateRows is "minmax(0fr, 0fr)" | 132 PASS element.style.gridTemplateRows is "minmax(auto, 0fr)" |
133 | 133 |
134 Test getting and setting grid-template-columns and grid-template-rows to calc()
values through JS | 134 Test getting and setting grid-template-columns and grid-template-rows to calc()
values through JS |
135 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"150px" | 135 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"150px" |
136 PASS element.style.gridTemplateColumns is "calc(150px)" | 136 PASS element.style.gridTemplateColumns is "calc(150px)" |
137 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "75
px" | 137 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "75
px" |
138 PASS element.style.gridTemplateRows is "calc(75px)" | 138 PASS element.style.gridTemplateRows is "calc(75px)" |
139 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"370px" | 139 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"370px" |
140 PASS element.style.gridTemplateColumns is "calc(50% - 30px)" | 140 PASS element.style.gridTemplateColumns is "calc(50% - 30px)" |
141 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "13
5px" | 141 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "13
5px" |
142 PASS element.style.gridTemplateRows is "calc(75px + 10%)" | 142 PASS element.style.gridTemplateRows is "calc(75px + 10%)" |
(...skipping 26 matching lines...) Expand all Loading... |
169 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 169 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
170 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 170 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
171 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 171 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
172 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 172 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
173 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 173 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
174 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 174 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
175 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 175 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
176 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 176 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
177 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 177 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
178 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 178 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 179 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 180 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 181 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 182 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
179 | 183 |
180 Test setting grid-template-columns and grid-template-rows back to 'none' through
JS | 184 Test setting grid-template-columns and grid-template-rows back to 'none' through
JS |
181 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"18px" | 185 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"18px" |
182 PASS element.style.gridTemplateColumns is "18px" | 186 PASS element.style.gridTemplateColumns is "18px" |
183 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66
px" | 187 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66
px" |
184 PASS element.style.gridTemplateRows is "66px" | 188 PASS element.style.gridTemplateRows is "66px" |
185 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" | 189 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" |
186 PASS element.style.gridTemplateColumns is "none" | 190 PASS element.style.gridTemplateColumns is "none" |
187 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" | 191 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" |
188 PASS element.style.gridTemplateRows is "none" | 192 PASS element.style.gridTemplateRows is "none" |
189 | 193 |
190 Test setting grid-template-columns and grid-template-rows to 'inherit' through J
S | 194 Test setting grid-template-columns and grid-template-rows to 'inherit' through J
S |
191 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'50px [last]' | 195 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'50px [last]' |
192 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f
irst] 101px' | 196 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f
irst] 101px' |
193 | 197 |
194 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S | 198 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S |
195 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'450px [last]' | 199 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'450px [last]' |
196 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f
irst] 150px' | 200 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f
irst] 150px' |
197 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' | 201 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' |
198 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' | 202 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' |
199 PASS successfullyParsed is true | 203 PASS successfullyParsed is true |
200 | 204 |
201 TEST COMPLETE | 205 TEST COMPLETE |
202 | 206 |
OLD | NEW |