| 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 |