OLD | NEW |
1 Test that setting and getting grid-column and grid-row works as expected | 1 Test that setting and getting grid-column and grid-row 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-column and grid-row set through CSS | 6 Test getting grid-column and grid-row set through CSS |
7 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue | 7 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue |
8 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue | 8 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue |
9 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue | 9 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue |
10 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue | 10 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue |
(...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
81 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue | 81 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue |
82 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue | 82 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue |
83 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue | 83 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue |
84 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue | 84 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue |
85 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue | 85 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue |
86 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue | 86 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue |
87 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue | 87 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue |
88 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue | 88 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue |
89 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue | 89 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue |
90 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue | 90 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue |
| 91 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue |
| 92 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue |
| 93 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue |
| 94 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue |
| 95 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue |
| 96 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue |
| 97 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue |
| 98 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue |
| 99 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue |
| 100 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue |
| 101 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue |
| 102 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue |
91 | 103 |
92 Test the initial value | 104 Test the initial value |
93 PASS getComputedStyle(element, '').getPropertyValue('grid-column') is 'auto / au
to' | 105 PASS getComputedStyle(element, '').getPropertyValue('grid-column') is 'auto / au
to' |
94 PASS getComputedStyle(element, '').getPropertyValue('grid-column-start') is 'aut
o' | 106 PASS getComputedStyle(element, '').getPropertyValue('grid-column-start') is 'aut
o' |
95 PASS getComputedStyle(element, '').getPropertyValue('grid-column-end') is 'auto' | 107 PASS getComputedStyle(element, '').getPropertyValue('grid-column-end') is 'auto' |
96 PASS getComputedStyle(element, '').getPropertyValue('grid-row') is 'auto / auto' | 108 PASS getComputedStyle(element, '').getPropertyValue('grid-row') is 'auto / auto' |
97 PASS getComputedStyle(element, '').getPropertyValue('grid-row-start') is 'auto' | 109 PASS getComputedStyle(element, '').getPropertyValue('grid-row-start') is 'auto' |
98 PASS getComputedStyle(element, '').getPropertyValue('grid-row-end') is 'auto' | 110 PASS getComputedStyle(element, '').getPropertyValue('grid-row-end') is 'auto' |
99 | 111 |
100 Test getting and setting grid-column and grid-row through JS | 112 Test getting and setting grid-column and grid-row through JS |
(...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
169 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue | 181 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue |
170 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue | 182 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue |
171 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue | 183 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue |
172 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue | 184 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue |
173 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue | 185 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue |
174 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue | 186 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue |
175 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue | 187 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue |
176 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue | 188 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue |
177 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue | 189 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue |
178 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue | 190 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue |
| 191 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue |
| 192 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue |
| 193 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue |
| 194 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue |
| 195 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue |
| 196 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue |
| 197 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue |
| 198 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue |
| 199 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue |
| 200 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue |
| 201 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue |
| 202 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue |
| 203 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue |
| 204 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue |
| 205 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue |
| 206 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue |
| 207 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue |
| 208 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue |
179 | 209 |
180 Test setting grid-column and grid-row back to 'auto' through JS | 210 Test setting grid-column and grid-row back to 'auto' through JS |
181 PASS getComputedStyle(element, '').getPropertyValue('grid-column') is '18 / 19' | 211 PASS getComputedStyle(element, '').getPropertyValue('grid-column') is '18 / 19' |
182 PASS getComputedStyle(element, '').getPropertyValue('grid-column-start') is '18' | 212 PASS getComputedStyle(element, '').getPropertyValue('grid-column-start') is '18' |
183 PASS getComputedStyle(element, '').getPropertyValue('grid-column-end') is '19' | 213 PASS getComputedStyle(element, '').getPropertyValue('grid-column-end') is '19' |
184 PASS getComputedStyle(element, '').getPropertyValue('grid-row') is '66 / 68' | 214 PASS getComputedStyle(element, '').getPropertyValue('grid-row') is '66 / 68' |
185 PASS getComputedStyle(element, '').getPropertyValue('grid-row-start') is '66' | 215 PASS getComputedStyle(element, '').getPropertyValue('grid-row-start') is '66' |
186 PASS getComputedStyle(element, '').getPropertyValue('grid-row-end') is '68' | 216 PASS getComputedStyle(element, '').getPropertyValue('grid-row-end') is '68' |
187 PASS getComputedStyle(element, '').getPropertyValue('grid-column') is 'auto / au
to' | 217 PASS getComputedStyle(element, '').getPropertyValue('grid-column') is 'auto / au
to' |
188 PASS getComputedStyle(element, '').getPropertyValue('grid-column-start') is 'aut
o' | 218 PASS getComputedStyle(element, '').getPropertyValue('grid-column-start') is 'aut
o' |
(...skipping 234 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
423 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue | 453 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue |
424 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue | 454 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue |
425 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue | 455 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue |
426 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue | 456 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue |
427 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue | 457 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue |
428 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue | 458 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue |
429 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue | 459 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue |
430 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue | 460 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue |
431 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue | 461 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue |
432 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue | 462 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue |
433 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is gridColum
nValue | |
434 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is gri
dColumnStartValue | |
435 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is gridC
olumnEndValue | |
436 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is gridRowValue | |
437 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is gridRo
wStartValue | |
438 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is gridRowE
ndValue | |
439 PASS successfullyParsed is true | 463 PASS successfullyParsed is true |
440 | 464 |
441 TEST COMPLETE | 465 TEST COMPLETE |
442 | 466 |
OLD | NEW |