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 |