| 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(gridItemWithNoCSSRule, '').getPropertyValue('grid-column')
is "auto / auto" | 7 PASS getComputedStyle(gridItemWithNoCSSRule, '').getPropertyValue('grid-column')
is "auto / auto" |
| 8 PASS getComputedStyle(gridItemWithNoCSSRule, '').getPropertyValue('grid-column-s
tart') is "auto" | 8 PASS getComputedStyle(gridItemWithNoCSSRule, '').getPropertyValue('grid-column-s
tart') is "auto" |
| 9 PASS getComputedStyle(gridItemWithNoCSSRule, '').getPropertyValue('grid-column-e
nd') is "auto" | 9 PASS getComputedStyle(gridItemWithNoCSSRule, '').getPropertyValue('grid-column-e
nd') is "auto" |
| 10 PASS getComputedStyle(gridItemWithNoCSSRule, '').getPropertyValue('grid-row') is
"auto / auto" | 10 PASS getComputedStyle(gridItemWithNoCSSRule, '').getPropertyValue('grid-row') is
"auto / auto" |
| (...skipping 28 matching lines...) Expand all Loading... |
| 39 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('grid-column-end') is "-10" | 39 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('grid-column-end') is "-10" |
| 40 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('grid-row') is "-8 / 5" | 40 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('grid-row') is "-8 / 5" |
| 41 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('grid-row-start') is "-8" | 41 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('grid-row-start') is "-8" |
| 42 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('grid-row-end') is "5" | 42 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('grid-row-end') is "5" |
| 43 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('grid-
column') is "span 2 / 4" | 43 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('grid-
column') is "span 2 / 4" |
| 44 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('grid-
column-start') is "span 2" | 44 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('grid-
column-start') is "span 2" |
| 45 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('grid-
column-end') is "4" | 45 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('grid-
column-end') is "4" |
| 46 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('grid-
row') is "3 / span 5" | 46 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('grid-
row') is "3 / span 5" |
| 47 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('grid-
row-start') is "3" | 47 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('grid-
row-start') is "3" |
| 48 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('grid-
row-end') is "span 5" | 48 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('grid-
row-end') is "span 5" |
| 49 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('grid-c
olumn') is "span 1 / span 1" | 49 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('grid-c
olumn') is "auto / auto" |
| 50 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('grid-c
olumn-start') is "span 1" | 50 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('grid-c
olumn-start') is "auto" |
| 51 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('grid-c
olumn-end') is "span 1" | 51 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('grid-c
olumn-end') is "auto" |
| 52 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('grid-r
ow') is "span 1 / span 1" | 52 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('grid-r
ow') is "auto / auto" |
| 53 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('grid-r
ow-start') is "span 1" | 53 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('grid-r
ow-start') is "auto" |
| 54 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('grid-r
ow-end') is "span 1" | 54 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('grid-r
ow-end') is "auto" |
| 55 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('grid-colum
n') is "auto / auto" | 55 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('grid-colum
n') is "auto / auto" |
| 56 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('grid-colum
n-start') is "auto" | 56 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('grid-colum
n-start') is "auto" |
| 57 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('grid-colum
n-end') is "auto" | 57 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('grid-colum
n-end') is "auto" |
| 58 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('grid-row')
is "auto / auto" | 58 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('grid-row')
is "auto / auto" |
| 59 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('grid-row-s
tart') is "auto" | 59 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('grid-row-s
tart') is "auto" |
| 60 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('grid-row-e
nd') is "auto" | 60 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('grid-row-e
nd') is "auto" |
| 61 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('grid-column') is "10 / 11" | 61 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('grid-column') is "10 / 11" |
| 62 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('grid-column-start') is "10" | 62 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('grid-column-start') is "10" |
| 63 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('grid-column-end') is "11" | 63 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('grid-column-end') is "11" |
| 64 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('grid-row') is "4 / 5" | 64 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('grid-row') is "4 / 5" |
| (...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 157 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" | 157 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
| 158 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "5 / auto" | 158 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "5 / auto" |
| 159 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "5" | 159 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "5" |
| 160 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" | 160 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" |
| 161 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / 5
" | 161 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / 5
" |
| 162 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" | 162 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" |
| 163 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "5" | 163 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "5" |
| 164 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / 8" | 164 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / 8" |
| 165 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto" | 165 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto" |
| 166 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "8" | 166 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "8" |
| 167 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / a
uto" |
| 168 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" |
| 169 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
| 170 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / auto
" |
| 171 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto" |
| 172 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" |
| 167 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "span 1 /
3" | 173 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "span 1 /
3" |
| 168 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "sp
an 1" | 174 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "sp
an 1" |
| 169 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "3" | 175 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "3" |
| 170 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "5 / span 1" | 176 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "5 / span 1" |
| 171 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "5" | 177 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "5" |
| 172 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "span 1" | 178 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "span 1" |
| 173 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "span 1 f
irst / 3" | 179 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "span 1 f
irst / 3" |
| 174 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "sp
an 1 first" | 180 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "sp
an 1 first" |
| 175 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "3" | 181 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "3" |
| 176 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "5 / span 1
last" | 182 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "5 / span 1
last" |
| (...skipping 294 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 471 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" | 477 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
| 472 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / auto
" | 478 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / auto
" |
| 473 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto" | 479 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto" |
| 474 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" | 480 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" |
| 475 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / a
uto" | 481 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / a
uto" |
| 476 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" | 482 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" |
| 477 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" | 483 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
| 478 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / auto
" | 484 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / auto
" |
| 479 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto" | 485 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto" |
| 480 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" | 486 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" |
| 487 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / a
uto" |
| 488 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" |
| 489 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
| 490 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / auto
" |
| 491 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto" |
| 492 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" |
| 493 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / a
uto" |
| 494 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" |
| 495 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
| 496 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / auto
" |
| 497 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto" |
| 498 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" |
| 481 PASS successfullyParsed is true | 499 PASS successfullyParsed is true |
| 482 | 500 |
| 483 TEST COMPLETE | 501 TEST COMPLETE |
| 484 | 502 |
| OLD | NEW |