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 144 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
155 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 155 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
156 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 156 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
157 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 157 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
158 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 158 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
159 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 159 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
160 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 160 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
161 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 161 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
162 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 162 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
163 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 163 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
164 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 164 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 165 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 166 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
165 | 167 |
166 Test setting grid-template-columns and grid-template-rows back to 'none' through
JS | 168 Test setting grid-template-columns and grid-template-rows back to 'none' through
JS |
167 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"18px" | 169 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"18px" |
168 PASS element.style.gridTemplateColumns is "18px" | 170 PASS element.style.gridTemplateColumns is "18px" |
169 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66
px" | 171 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66
px" |
170 PASS element.style.gridTemplateRows is "66px" | 172 PASS element.style.gridTemplateRows is "66px" |
171 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" | 173 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" |
172 PASS element.style.gridTemplateColumns is "none" | 174 PASS element.style.gridTemplateColumns is "none" |
173 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" | 175 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" |
174 PASS element.style.gridTemplateRows is "none" | 176 PASS element.style.gridTemplateRows is "none" |
175 | 177 |
176 Test setting grid-template-columns and grid-template-rows to 'inherit' through J
S | 178 Test setting grid-template-columns and grid-template-rows to 'inherit' through J
S |
177 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'50px (last)' | 179 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'50px (last)' |
178 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '(f
irst) 101px' | 180 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '(f
irst) 101px' |
179 | 181 |
180 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S | 182 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S |
181 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'450px (last)' | 183 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'450px (last)' |
182 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '(f
irst) 150px' | 184 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '(f
irst) 150px' |
183 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' | 185 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' |
184 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' | 186 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' |
185 PASS successfullyParsed is true | 187 PASS successfullyParsed is true |
186 | 188 |
187 TEST COMPLETE | 189 TEST COMPLETE |
188 | 190 |
OLD | NEW |