OLD | NEW |
1 This test checks that grid-area is properly parsed and stored internally. | 1 This test checks that grid-area is properly parsed and stored internally. |
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-area set through CSS | 6 Test getting grid-area set through CSS |
7 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "1" | 7 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "1" |
8 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" | 8 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" |
9 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" | 9 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" |
10 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" | 10 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
| 11 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "third
Area" |
| 12 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "th
irdArea" |
| 13 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "thirdAr
ea" |
| 14 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "thir
dArea" |
11 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "-1" | 15 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "-1" |
12 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "sp
an 1" | 16 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "sp
an 1" |
13 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" | 17 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" |
14 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" | 18 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
| 19 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "first
Area" |
| 20 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "se
condArea" |
| 21 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "firstAr
ea" |
| 22 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "seco
ndArea" |
15 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "span
1" | 23 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "span
1" |
16 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "10
" | 24 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "10
" |
17 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "-1" | 25 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "-1" |
18 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" | 26 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
19 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "-5" | 27 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "-5" |
20 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "sp
an 5" | 28 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "sp
an 5" |
21 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "span 8" | 29 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "span 8" |
22 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "9" | 30 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "9" |
| 31 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "first
Area" |
| 32 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "sp
an 1" |
| 33 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "nonExis
tent" |
| 34 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "1 fo
obar" |
23 | 35 |
24 Test getting and setting grid-area set through JS | 36 Test getting and setting grid-area set through JS |
25 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "-1" | 37 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "-1" |
26 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" | 38 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" |
27 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" | 39 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" |
28 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" | 40 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
29 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "-1" | 41 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "-1" |
30 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "sp
an 5" | 42 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "sp
an 5" |
31 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" | 43 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" |
32 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" | 44 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
66 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" | 78 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
67 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto" | 79 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto" |
68 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" | 80 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" |
69 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" | 81 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" |
70 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" | 82 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
71 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto" | 83 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto" |
72 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" | 84 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" |
73 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" | 85 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto" |
74 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" | 86 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto
" |
75 | 87 |
OLD | NEW |