| OLD | NEW |
| 1 This test checks that the 'grid' shorthand is properly parsed and the longhand p
roperties correctly assigned. | 1 This test checks that the 'grid' shorthand is properly parsed and the longhand p
roperties correctly assigned. |
| 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 the longhand values when shorthand is set through CSS. | 6 Test getting the longhand values when shorthand is set through CSS. |
| 7 PASS window.getComputedStyle(gridWithNone, '').getPropertyValue('grid-template-c
olumns') is "none" | 7 PASS window.getComputedStyle(gridWithNone, '').getPropertyValue('grid-template-c
olumns') is "none" |
| 8 PASS window.getComputedStyle(gridWithNone, '').getPropertyValue('grid-template-r
ows') is "none" | 8 PASS window.getComputedStyle(gridWithNone, '').getPropertyValue('grid-template-r
ows') is "none" |
| 9 PASS window.getComputedStyle(gridWithNone, '').getPropertyValue('grid-template-a
reas') is "none" | 9 PASS window.getComputedStyle(gridWithNone, '').getPropertyValue('grid-template-a
reas') is "none" |
| 10 PASS window.getComputedStyle(gridWithNone, '').getPropertyValue('grid-auto-flow'
) is "row" | 10 PASS window.getComputedStyle(gridWithNone, '').getPropertyValue('grid-auto-flow'
) is "row" |
| (...skipping 10 matching lines...) Expand all Loading... |
| 21 PASS window.getComputedStyle(gridInherit, '').getPropertyValue('grid-template-ar
eas') is "none" | 21 PASS window.getComputedStyle(gridInherit, '').getPropertyValue('grid-template-ar
eas') is "none" |
| 22 PASS window.getComputedStyle(gridInherit, '').getPropertyValue('grid-auto-flow')
is "row" | 22 PASS window.getComputedStyle(gridInherit, '').getPropertyValue('grid-auto-flow')
is "row" |
| 23 PASS window.getComputedStyle(gridInherit, '').getPropertyValue('grid-auto-column
s') is "auto" | 23 PASS window.getComputedStyle(gridInherit, '').getPropertyValue('grid-auto-column
s') is "auto" |
| 24 PASS window.getComputedStyle(gridInherit, '').getPropertyValue('grid-auto-rows')
is "auto" | 24 PASS window.getComputedStyle(gridInherit, '').getPropertyValue('grid-auto-rows')
is "auto" |
| 25 PASS window.getComputedStyle(gridNoInherit, '').getPropertyValue('grid-template-
columns') is "none" | 25 PASS window.getComputedStyle(gridNoInherit, '').getPropertyValue('grid-template-
columns') is "none" |
| 26 PASS window.getComputedStyle(gridNoInherit, '').getPropertyValue('grid-template-
rows') is "none" | 26 PASS window.getComputedStyle(gridNoInherit, '').getPropertyValue('grid-template-
rows') is "none" |
| 27 PASS window.getComputedStyle(gridNoInherit, '').getPropertyValue('grid-template-
areas') is "none" | 27 PASS window.getComputedStyle(gridNoInherit, '').getPropertyValue('grid-template-
areas') is "none" |
| 28 PASS window.getComputedStyle(gridNoInherit, '').getPropertyValue('grid-auto-flow
') is "row" | 28 PASS window.getComputedStyle(gridNoInherit, '').getPropertyValue('grid-auto-flow
') is "row" |
| 29 PASS window.getComputedStyle(gridNoInherit, '').getPropertyValue('grid-auto-colu
mns') is "auto" | 29 PASS window.getComputedStyle(gridNoInherit, '').getPropertyValue('grid-auto-colu
mns') is "auto" |
| 30 PASS window.getComputedStyle(gridNoInherit, '').getPropertyValue('grid-auto-rows
') is "auto" | 30 PASS window.getComputedStyle(gridNoInherit, '').getPropertyValue('grid-auto-rows
') is "auto" |
| 31 PASS window.getComputedStyle(gridWithAutoFlowAndRows, '').getPropertyValue('grid
-template-columns') is "none" | 31 PASS window.getComputedStyle(gridColumnsAndAutoFlow, '').getPropertyValue('grid-
template-columns') is "10px" |
| 32 PASS window.getComputedStyle(gridWithAutoFlowAndRows, '').getPropertyValue('grid
-template-rows') is "none" | 32 PASS window.getComputedStyle(gridColumnsAndAutoFlow, '').getPropertyValue('grid-
template-rows') is "none" |
| 33 PASS window.getComputedStyle(gridWithAutoFlowAndRows, '').getPropertyValue('grid
-template-areas') is "none" | 33 PASS window.getComputedStyle(gridColumnsAndAutoFlow, '').getPropertyValue('grid-
template-areas') is "none" |
| 34 PASS window.getComputedStyle(gridWithAutoFlowAndRows, '').getPropertyValue('grid
-auto-flow') is "column" | 34 PASS window.getComputedStyle(gridColumnsAndAutoFlow, '').getPropertyValue('grid-
auto-flow') is "row" |
| 35 PASS window.getComputedStyle(gridWithAutoFlowAndRows, '').getPropertyValue('grid
-auto-columns') is "10px" | 35 PASS window.getComputedStyle(gridColumnsAndAutoFlow, '').getPropertyValue('grid-
auto-columns') is "auto" |
| 36 PASS window.getComputedStyle(gridWithAutoFlowAndRows, '').getPropertyValue('grid
-auto-rows') is "10px" | 36 PASS window.getComputedStyle(gridColumnsAndAutoFlow, '').getPropertyValue('grid-
auto-rows') is "auto" |
| 37 PASS window.getComputedStyle(gridWithAutoFlowNone, '').getPropertyValue('grid-te
mplate-columns') is "none" | 37 PASS window.getComputedStyle(gridWithAutoFlowAndAutoRows, '').getPropertyValue('
grid-template-columns') is "none" |
| 38 PASS window.getComputedStyle(gridWithAutoFlowNone, '').getPropertyValue('grid-te
mplate-rows') is "none" | 38 PASS window.getComputedStyle(gridWithAutoFlowAndAutoRows, '').getPropertyValue('
grid-template-rows') is "none" |
| 39 PASS window.getComputedStyle(gridWithAutoFlowNone, '').getPropertyValue('grid-te
mplate-areas') is "none" | 39 PASS window.getComputedStyle(gridWithAutoFlowAndAutoRows, '').getPropertyValue('
grid-template-areas') is "none" |
| 40 PASS window.getComputedStyle(gridWithAutoFlowNone, '').getPropertyValue('grid-au
to-flow') is "row" | 40 PASS window.getComputedStyle(gridWithAutoFlowAndAutoRows, '').getPropertyValue('
grid-auto-flow') is "row" |
| 41 PASS window.getComputedStyle(gridWithAutoFlowNone, '').getPropertyValue('grid-au
to-columns') is "auto" | 41 PASS window.getComputedStyle(gridWithAutoFlowAndAutoRows, '').getPropertyValue('
grid-auto-columns') is "auto" |
| 42 PASS window.getComputedStyle(gridWithAutoFlowNone, '').getPropertyValue('grid-au
to-rows') is "auto" | 42 PASS window.getComputedStyle(gridWithAutoFlowAndAutoRows, '').getPropertyValue('
grid-auto-rows') is "10px" |
| 43 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-template-columns') is "none" | 43 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-template-columns') is "none" |
| 44 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-template-rows') is "none" | 44 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-template-rows') is "none" |
| 45 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-template-areas') is "none" | 45 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-template-areas') is "none" |
| 46 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-auto-flow') is "column dense" | 46 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-auto-flow') is "column dense" |
| 47 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-auto-columns') is "10px" | 47 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-auto-columns') is "auto" |
| 48 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-auto-rows') is "10px" | 48 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-auto-rows') is "auto" |
| 49 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-template-columns') is "none" | 49 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-template-columns') is "none" |
| 50 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-template-rows') is "none" | 50 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-template-rows') is "none" |
| 51 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-template-areas') is "none" | 51 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-template-areas') is "none" |
| 52 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-auto-flow') is "row dense" | 52 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-auto-flow') is "row dense" |
| 53 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-auto-columns') is "10px" | 53 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-auto-columns') is "auto" |
| 54 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-auto-rows') is "10px" | 54 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-auto-rows') is "auto" |
| 55 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-template-columns') is "none" | 55 PASS window.getComputedStyle(gridWithAutoFlowAndAutoRowsAndColumns, '').getPrope
rtyValue('grid-template-columns') is "20px" |
| 56 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-template-rows') is "none" | 56 PASS window.getComputedStyle(gridWithAutoFlowAndAutoRowsAndColumns, '').getPrope
rtyValue('grid-template-rows') is "none" |
| 57 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-template-areas') is "none" | 57 PASS window.getComputedStyle(gridWithAutoFlowAndAutoRowsAndColumns, '').getPrope
rtyValue('grid-template-areas') is "none" |
| 58 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-auto-flow') is "column" | 58 PASS window.getComputedStyle(gridWithAutoFlowAndAutoRowsAndColumns, '').getPrope
rtyValue('grid-auto-flow') is "row" |
| 59 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-auto-columns') is "20px" | 59 PASS window.getComputedStyle(gridWithAutoFlowAndAutoRowsAndColumns, '').getPrope
rtyValue('grid-auto-columns') is "auto" |
| 60 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-auto-rows') is "10px" | 60 PASS window.getComputedStyle(gridWithAutoFlowAndAutoRowsAndColumns, '').getPrope
rtyValue('grid-auto-rows') is "10px" |
| 61 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-template-columns') is "none" | 61 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-template-columns') is "100px 50px" |
| 62 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-template-rows') is "none" | 62 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-template-rows') is "none" |
| 63 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-template-areas') is "none" | 63 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-template-areas') is "none" |
| 64 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-auto-flow') is "row" | 64 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-auto-flow') is "row" |
| 65 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-auto-columns') is "100px 10%" | 65 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-auto-columns') is "auto" |
| 66 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-auto-rows') is "20px 10px" | 66 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-auto-rows') is "20px 10px" |
| 67 PASS window.getComputedStyle(gridWithRowsAndAutoFlow, '').getPropertyValue('grid
-template-columns') is "none" |
| 68 PASS window.getComputedStyle(gridWithRowsAndAutoFlow, '').getPropertyValue('grid
-template-rows') is "10px" |
| 69 PASS window.getComputedStyle(gridWithRowsAndAutoFlow, '').getPropertyValue('grid
-template-areas') is "none" |
| 70 PASS window.getComputedStyle(gridWithRowsAndAutoFlow, '').getPropertyValue('grid
-auto-flow') is "column" |
| 71 PASS window.getComputedStyle(gridWithRowsAndAutoFlow, '').getPropertyValue('grid
-auto-columns') is "auto" |
| 72 PASS window.getComputedStyle(gridWithRowsAndAutoFlow, '').getPropertyValue('grid
-auto-rows') is "auto" |
| 73 PASS window.getComputedStyle(gridWithRowsNoneAndAutoFlowAndAutoColumn, '').getPr
opertyValue('grid-template-columns') is "none" |
| 74 PASS window.getComputedStyle(gridWithRowsNoneAndAutoFlowAndAutoColumn, '').getPr
opertyValue('grid-template-rows') is "none" |
| 75 PASS window.getComputedStyle(gridWithRowsNoneAndAutoFlowAndAutoColumn, '').getPr
opertyValue('grid-template-areas') is "none" |
| 76 PASS window.getComputedStyle(gridWithRowsNoneAndAutoFlowAndAutoColumn, '').getPr
opertyValue('grid-auto-flow') is "column" |
| 77 PASS window.getComputedStyle(gridWithRowsNoneAndAutoFlowAndAutoColumn, '').getPr
opertyValue('grid-auto-columns') is "10px" |
| 78 PASS window.getComputedStyle(gridWithRowsNoneAndAutoFlowAndAutoColumn, '').getPr
opertyValue('grid-auto-rows') is "auto" |
| 79 PASS window.getComputedStyle(gridWithRowsAndAutoFlowDenseColumn, '').getProperty
Value('grid-template-columns') is "none" |
| 80 PASS window.getComputedStyle(gridWithRowsAndAutoFlowDenseColumn, '').getProperty
Value('grid-template-rows') is "10px" |
| 81 PASS window.getComputedStyle(gridWithRowsAndAutoFlowDenseColumn, '').getProperty
Value('grid-template-areas') is "none" |
| 82 PASS window.getComputedStyle(gridWithRowsAndAutoFlowDenseColumn, '').getProperty
Value('grid-auto-flow') is "column dense" |
| 83 PASS window.getComputedStyle(gridWithRowsAndAutoFlowDenseColumn, '').getProperty
Value('grid-auto-columns') is "auto" |
| 84 PASS window.getComputedStyle(gridWithRowsAndAutoFlowDenseColumn, '').getProperty
Value('grid-auto-rows') is "auto" |
| 85 PASS window.getComputedStyle(gridWithColumnsAndDenseAutoFlow, '').getPropertyVal
ue('grid-template-columns') is "10px" |
| 86 PASS window.getComputedStyle(gridWithColumnsAndDenseAutoFlow, '').getPropertyVal
ue('grid-template-rows') is "none" |
| 87 PASS window.getComputedStyle(gridWithColumnsAndDenseAutoFlow, '').getPropertyVal
ue('grid-template-areas') is "none" |
| 88 PASS window.getComputedStyle(gridWithColumnsAndDenseAutoFlow, '').getPropertyVal
ue('grid-auto-flow') is "row dense" |
| 89 PASS window.getComputedStyle(gridWithColumnsAndDenseAutoFlow, '').getPropertyVal
ue('grid-auto-columns') is "auto" |
| 90 PASS window.getComputedStyle(gridWithColumnsAndDenseAutoFlow, '').getPropertyVal
ue('grid-auto-rows') is "auto" |
| 91 PASS window.getComputedStyle(gridWithRowsAndAutoFlowAndAutoColumns, '').getPrope
rtyValue('grid-template-columns') is "none" |
| 92 PASS window.getComputedStyle(gridWithRowsAndAutoFlowAndAutoColumns, '').getPrope
rtyValue('grid-template-rows') is "20px" |
| 93 PASS window.getComputedStyle(gridWithRowsAndAutoFlowAndAutoColumns, '').getPrope
rtyValue('grid-template-areas') is "none" |
| 94 PASS window.getComputedStyle(gridWithRowsAndAutoFlowAndAutoColumns, '').getPrope
rtyValue('grid-auto-flow') is "column" |
| 95 PASS window.getComputedStyle(gridWithRowsAndAutoFlowAndAutoColumns, '').getPrope
rtyValue('grid-auto-columns') is "10px" |
| 96 PASS window.getComputedStyle(gridWithRowsAndAutoFlowAndAutoColumns, '').getPrope
rtyValue('grid-auto-rows') is "auto" |
| 97 PASS window.getComputedStyle(gridWithRowsAndAutoFlowAndMultipleAutoTracks, '').g
etPropertyValue('grid-template-columns') is "none" |
| 98 PASS window.getComputedStyle(gridWithRowsAndAutoFlowAndMultipleAutoTracks, '').g
etPropertyValue('grid-template-rows') is "100px 50px" |
| 99 PASS window.getComputedStyle(gridWithRowsAndAutoFlowAndMultipleAutoTracks, '').g
etPropertyValue('grid-template-areas') is "none" |
| 100 PASS window.getComputedStyle(gridWithRowsAndAutoFlowAndMultipleAutoTracks, '').g
etPropertyValue('grid-auto-flow') is "column" |
| 101 PASS window.getComputedStyle(gridWithRowsAndAutoFlowAndMultipleAutoTracks, '').g
etPropertyValue('grid-auto-columns') is "20px 10px" |
| 102 PASS window.getComputedStyle(gridWithRowsAndAutoFlowAndMultipleAutoTracks, '').g
etPropertyValue('grid-auto-rows') is "auto" |
| 67 | 103 |
| 68 Test getting wrong values for 'grid' shorthand through CSS (they should resolve
to the default: 'none') | 104 Test getting wrong values for 'grid' shorthand through CSS (they should resolve
to the default: 'none') |
| 69 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-template-columns') is "none" | 105 PASS window.getComputedStyle(gridWithMisplacedAutoColumn, '').getPropertyValue('
grid-template-columns') is "none" |
| 70 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-template-rows') is "none" | 106 PASS window.getComputedStyle(gridWithMisplacedAutoColumn, '').getPropertyValue('
grid-template-rows') is "none" |
| 71 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-template-areas') is "none" | 107 PASS window.getComputedStyle(gridWithMisplacedAutoColumn, '').getPropertyValue('
grid-template-areas') is "none" |
| 72 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-auto-flow') is "row" | 108 PASS window.getComputedStyle(gridWithMisplacedAutoColumn, '').getPropertyValue('
grid-auto-flow') is "row" |
| 73 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-auto-columns') is "auto" | 109 PASS window.getComputedStyle(gridWithMisplacedAutoColumn, '').getPropertyValue('
grid-auto-columns') is "auto" |
| 74 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-auto-rows') is "auto" | 110 PASS window.getComputedStyle(gridWithMisplacedAutoColumn, '').getPropertyValue('
grid-auto-rows') is "auto" |
| 75 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
template-columns') is "none" | 111 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
template-columns') is "none" |
| 76 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
template-rows') is "none" | 112 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
template-rows') is "none" |
| 77 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
template-areas') is "none" | 113 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
template-areas') is "none" |
| 78 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
auto-flow') is "row" | 114 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
auto-flow') is "row" |
| 79 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
auto-columns') is "auto" | 115 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
auto-columns') is "auto" |
| 80 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
auto-rows') is "auto" | 116 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
auto-rows') is "auto" |
| 81 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
template-columns') is "none" | 117 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
template-columns') is "none" |
| 82 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
template-rows') is "none" | 118 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
template-rows') is "none" |
| 83 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
template-areas') is "none" | 119 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
template-areas') is "none" |
| 84 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
auto-flow') is "row" | 120 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
auto-flow') is "row" |
| 85 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
auto-columns') is "auto" | 121 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
auto-columns') is "auto" |
| 86 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
auto-rows') is "auto" | 122 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
auto-rows') is "auto" |
| 87 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
template-columns') is "none" | 123 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
template-columns') is "none" |
| 88 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
template-rows') is "none" | 124 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
template-rows') is "none" |
| 89 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
template-areas') is "none" | 125 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
template-areas') is "none" |
| 90 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
auto-flow') is "row" | 126 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
auto-flow') is "row" |
| 91 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
auto-columns') is "auto" | 127 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
auto-columns') is "auto" |
| 92 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
auto-rows') is "auto" | 128 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
auto-rows') is "auto" |
| 129 PASS window.getComputedStyle(gridWithDuplicatedDense, '').getPropertyValue('grid
-template-columns') is "none" |
| 130 PASS window.getComputedStyle(gridWithDuplicatedDense, '').getPropertyValue('grid
-template-rows') is "none" |
| 131 PASS window.getComputedStyle(gridWithDuplicatedDense, '').getPropertyValue('grid
-template-areas') is "none" |
| 132 PASS window.getComputedStyle(gridWithDuplicatedDense, '').getPropertyValue('grid
-auto-flow') is "row" |
| 133 PASS window.getComputedStyle(gridWithDuplicatedDense, '').getPropertyValue('grid
-auto-columns') is "auto" |
| 134 PASS window.getComputedStyle(gridWithDuplicatedDense, '').getPropertyValue('grid
-auto-rows') is "auto" |
| 135 PASS window.getComputedStyle(gridWithOnlyDense, '').getPropertyValue('grid-templ
ate-columns') is "none" |
| 136 PASS window.getComputedStyle(gridWithOnlyDense, '').getPropertyValue('grid-templ
ate-rows') is "none" |
| 137 PASS window.getComputedStyle(gridWithOnlyDense, '').getPropertyValue('grid-templ
ate-areas') is "none" |
| 138 PASS window.getComputedStyle(gridWithOnlyDense, '').getPropertyValue('grid-auto-
flow') is "row" |
| 139 PASS window.getComputedStyle(gridWithOnlyDense, '').getPropertyValue('grid-auto-
columns') is "auto" |
| 140 PASS window.getComputedStyle(gridWithOnlyDense, '').getPropertyValue('grid-auto-
rows') is "auto" |
| 141 PASS window.getComputedStyle(gridWithoutColumnInfo, '').getPropertyValue('grid-t
emplate-columns') is "none" |
| 142 PASS window.getComputedStyle(gridWithoutColumnInfo, '').getPropertyValue('grid-t
emplate-rows') is "none" |
| 143 PASS window.getComputedStyle(gridWithoutColumnInfo, '').getPropertyValue('grid-t
emplate-areas') is "none" |
| 144 PASS window.getComputedStyle(gridWithoutColumnInfo, '').getPropertyValue('grid-a
uto-flow') is "row" |
| 145 PASS window.getComputedStyle(gridWithoutColumnInfo, '').getPropertyValue('grid-a
uto-columns') is "auto" |
| 146 PASS window.getComputedStyle(gridWithoutColumnInfo, '').getPropertyValue('grid-a
uto-rows') is "auto" |
| 147 PASS window.getComputedStyle(gridWithTwoAutoFlow, '').getPropertyValue('grid-tem
plate-columns') is "none" |
| 148 PASS window.getComputedStyle(gridWithTwoAutoFlow, '').getPropertyValue('grid-tem
plate-rows') is "none" |
| 149 PASS window.getComputedStyle(gridWithTwoAutoFlow, '').getPropertyValue('grid-tem
plate-areas') is "none" |
| 150 PASS window.getComputedStyle(gridWithTwoAutoFlow, '').getPropertyValue('grid-aut
o-flow') is "row" |
| 151 PASS window.getComputedStyle(gridWithTwoAutoFlow, '').getPropertyValue('grid-aut
o-columns') is "auto" |
| 152 PASS window.getComputedStyle(gridWithTwoAutoFlow, '').getPropertyValue('grid-aut
o-rows') is "auto" |
| 153 PASS window.getComputedStyle(gridWithImplicitAndNoExplicit, '').getPropertyValue
('grid-template-columns') is "none" |
| 154 PASS window.getComputedStyle(gridWithImplicitAndNoExplicit, '').getPropertyValue
('grid-template-rows') is "none" |
| 155 PASS window.getComputedStyle(gridWithImplicitAndNoExplicit, '').getPropertyValue
('grid-template-areas') is "none" |
| 156 PASS window.getComputedStyle(gridWithImplicitAndNoExplicit, '').getPropertyValue
('grid-auto-flow') is "row" |
| 157 PASS window.getComputedStyle(gridWithImplicitAndNoExplicit, '').getPropertyValue
('grid-auto-columns') is "auto" |
| 158 PASS window.getComputedStyle(gridWithImplicitAndNoExplicit, '').getPropertyValue
('grid-auto-rows') is "auto" |
| 159 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoFlowColumn, '').getPropert
yValue('grid-template-columns') is "none" |
| 160 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoFlowColumn, '').getPropert
yValue('grid-template-rows') is "none" |
| 161 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoFlowColumn, '').getPropert
yValue('grid-template-areas') is "none" |
| 162 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoFlowColumn, '').getPropert
yValue('grid-auto-flow') is "row" |
| 163 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoFlowColumn, '').getPropert
yValue('grid-auto-columns') is "auto" |
| 164 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoFlowColumn, '').getPropert
yValue('grid-auto-rows') is "auto" |
| 165 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoFlowRow, '').getPropertyVa
lue('grid-template-columns') is "none" |
| 166 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoFlowRow, '').getPropertyVa
lue('grid-template-rows') is "none" |
| 167 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoFlowRow, '').getPropertyVa
lue('grid-template-areas') is "none" |
| 168 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoFlowRow, '').getPropertyVa
lue('grid-auto-flow') is "row" |
| 169 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoFlowRow, '').getPropertyVa
lue('grid-auto-columns') is "auto" |
| 170 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoFlowRow, '').getPropertyVa
lue('grid-auto-rows') is "auto" |
| 171 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoColumn, '').getPropertyVal
ue('grid-template-columns') is "none" |
| 172 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoColumn, '').getPropertyVal
ue('grid-template-rows') is "none" |
| 173 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoColumn, '').getPropertyVal
ue('grid-template-areas') is "none" |
| 174 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoColumn, '').getPropertyVal
ue('grid-auto-flow') is "row" |
| 175 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoColumn, '').getPropertyVal
ue('grid-auto-columns') is "auto" |
| 176 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoColumn, '').getPropertyVal
ue('grid-auto-rows') is "auto" |
| 177 PASS window.getComputedStyle(gridWithExtraIdAfterAutoColumn, '').getPropertyValu
e('grid-template-columns') is "none" |
| 178 PASS window.getComputedStyle(gridWithExtraIdAfterAutoColumn, '').getPropertyValu
e('grid-template-rows') is "none" |
| 179 PASS window.getComputedStyle(gridWithExtraIdAfterAutoColumn, '').getPropertyValu
e('grid-template-areas') is "none" |
| 180 PASS window.getComputedStyle(gridWithExtraIdAfterAutoColumn, '').getPropertyValu
e('grid-auto-flow') is "row" |
| 181 PASS window.getComputedStyle(gridWithExtraIdAfterAutoColumn, '').getPropertyValu
e('grid-auto-columns') is "auto" |
| 182 PASS window.getComputedStyle(gridWithExtraIdAfterAutoColumn, '').getPropertyValu
e('grid-auto-rows') is "auto" |
| 183 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoRow, '').getPropertyValue(
'grid-template-columns') is "none" |
| 184 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoRow, '').getPropertyValue(
'grid-template-rows') is "none" |
| 185 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoRow, '').getPropertyValue(
'grid-template-areas') is "none" |
| 186 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoRow, '').getPropertyValue(
'grid-auto-flow') is "row" |
| 187 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoRow, '').getPropertyValue(
'grid-auto-columns') is "auto" |
| 188 PASS window.getComputedStyle(gridWithExtraIdBeforeAutoRow, '').getPropertyValue(
'grid-auto-rows') is "auto" |
| 189 PASS window.getComputedStyle(gridWithExtraIdAfterAutoRow, '').getPropertyValue('
grid-template-columns') is "none" |
| 190 PASS window.getComputedStyle(gridWithExtraIdAfterAutoRow, '').getPropertyValue('
grid-template-rows') is "none" |
| 191 PASS window.getComputedStyle(gridWithExtraIdAfterAutoRow, '').getPropertyValue('
grid-template-areas') is "none" |
| 192 PASS window.getComputedStyle(gridWithExtraIdAfterAutoRow, '').getPropertyValue('
grid-auto-flow') is "row" |
| 193 PASS window.getComputedStyle(gridWithExtraIdAfterAutoRow, '').getPropertyValue('
grid-auto-columns') is "auto" |
| 194 PASS window.getComputedStyle(gridWithExtraIdAfterAutoRow, '').getPropertyValue('
grid-auto-rows') is "auto" |
| 93 | 195 |
| 94 Test getting and setting 'grid' shorthand through JS | 196 Test getting and setting 'grid' shorthand through JS |
| 95 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"10px" | 197 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"10px" |
| 96 PASS element.style.gridTemplateColumns is "10px" | 198 PASS element.style.gridTemplateColumns is "10px" |
| 97 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20
px" | 199 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20
px" |
| 98 PASS element.style.gridTemplateRows is "20px" | 200 PASS element.style.gridTemplateRows is "20px" |
| 99 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" | 201 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" |
| 100 PASS element.style.gridTemplateAreas is "none" | 202 PASS element.style.gridTemplateAreas is "none" |
| 101 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "row" | 203 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "row" |
| 102 PASS element.style.gridAutoFlow is "initial" | 204 PASS element.style.gridAutoFlow is "initial" |
| 103 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 205 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
| 104 PASS element.style.gridAutoColumns is "initial" | 206 PASS element.style.gridAutoColumns is "initial" |
| 105 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 207 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 106 PASS element.style.gridAutoRows is "initial" | 208 PASS element.style.gridAutoRows is "initial" |
| 107 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"10px" | 209 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"10px" |
| 108 PASS element.style.gridTemplateColumns is "10px" | 210 PASS element.style.gridTemplateColumns is "10px" |
| 109 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[l
ine] 20px" | 211 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[l
ine] 20px" |
| 110 PASS element.style.gridTemplateRows is "[line] 20px" | 212 PASS element.style.gridTemplateRows is "[line] 20px" |
| 111 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "\
"a\"" | 213 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "\
"a\"" |
| 112 PASS element.style.gridTemplateAreas is "\"a\"" | 214 PASS element.style.gridTemplateAreas is "\"a\"" |
| 113 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "row" | 215 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "row" |
| 114 PASS element.style.gridAutoFlow is "initial" | 216 PASS element.style.gridAutoFlow is "initial" |
| 115 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 217 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
| 116 PASS element.style.gridAutoColumns is "initial" | 218 PASS element.style.gridAutoColumns is "initial" |
| 117 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 219 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 118 PASS element.style.gridAutoRows is "initial" | 220 PASS element.style.gridAutoRows is "initial" |
| 119 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" | 221 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" |
| 120 PASS element.style.gridTemplateColumns is "initial" | 222 PASS element.style.gridTemplateColumns is "none" |
| 121 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" | 223 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" |
| 122 PASS element.style.gridTemplateRows is "initial" | 224 PASS element.style.gridTemplateRows is "initial" |
| 123 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" | 225 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" |
| 124 PASS element.style.gridTemplateAreas is "initial" | 226 PASS element.style.gridTemplateAreas is "initial" |
| 125 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "row de
nse" | 227 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "row de
nse" |
| 126 PASS element.style.gridAutoFlow is "row dense" | 228 PASS element.style.gridAutoFlow is "row dense" |
| 127 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "20p
x" | 229 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
| 128 PASS element.style.gridAutoColumns is "20px" | 230 PASS element.style.gridAutoColumns is "initial" |
| 129 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "20px" | 231 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "20px" |
| 130 PASS element.style.gridAutoRows is "20px" | 232 PASS element.style.gridAutoRows is "20px" |
| 131 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" | 233 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" |
| 132 PASS element.style.gridTemplateColumns is "initial" | 234 PASS element.style.gridTemplateColumns is "initial" |
| 133 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" | 235 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20
px" |
| 134 PASS element.style.gridTemplateRows is "initial" | 236 PASS element.style.gridTemplateRows is "20px" |
| 135 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" | 237 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" |
| 136 PASS element.style.gridTemplateAreas is "initial" | 238 PASS element.style.gridTemplateAreas is "initial" |
| 137 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "column
" | 239 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "column
" |
| 138 PASS element.style.gridAutoFlow is "column" | 240 PASS element.style.gridAutoFlow is "column" |
| 139 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "10p
x" | 241 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "10p
x" |
| 140 PASS element.style.gridAutoColumns is "10px" | 242 PASS element.style.gridAutoColumns is "10px" |
| 141 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "20px" | 243 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 142 PASS element.style.gridAutoRows is "20px" | 244 PASS element.style.gridAutoRows is "initial" |
| 245 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" |
| 246 PASS element.style.gridTemplateColumns is "initial" |
| 247 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" |
| 248 PASS element.style.gridTemplateRows is "none" |
| 249 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" |
| 250 PASS element.style.gridTemplateAreas is "initial" |
| 251 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "column
dense" |
| 252 PASS element.style.gridAutoFlow is "column dense" |
| 253 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "20p
x" |
| 254 PASS element.style.gridAutoColumns is "20px" |
| 255 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 256 PASS element.style.gridAutoRows is "initial" |
| 257 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" |
| 258 PASS element.style.gridTemplateColumns is "initial" |
| 259 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "10
px" |
| 260 PASS element.style.gridTemplateRows is "10px" |
| 261 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" |
| 262 PASS element.style.gridTemplateAreas is "initial" |
| 263 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "column
" |
| 264 PASS element.style.gridAutoFlow is "column" |
| 265 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "20p
x" |
| 266 PASS element.style.gridAutoColumns is "20px" |
| 267 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 268 PASS element.style.gridAutoRows is "initial" |
| 143 | 269 |
| 144 Test the initial value | 270 Test the initial value |
| 145 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 271 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 146 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 272 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 147 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas'
) is "none" | 273 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas'
) is "none" |
| 148 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is
"row" | 274 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is
"row" |
| 149 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-columns')
is "auto" | 275 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-columns')
is "auto" |
| 150 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is
"auto" | 276 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is
"auto" |
| 151 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' | 277 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' |
| 152 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' | 278 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' |
| 153 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is 'n
one' | 279 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is 'n
one' |
| 154 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row' | 280 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row' |
| 155 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' | 281 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' |
| 156 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' | 282 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' |
| 157 | 283 |
| 158 Test setting grid-template-columns and grid-template-rows back to 'none' through
JS | 284 Test setting grid-template-columns and grid-template-rows back to 'none' through
JS |
| 159 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" | 285 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" |
| 160 PASS element.style.gridTemplateColumns is "initial" | 286 PASS element.style.gridTemplateColumns is "initial" |
| 161 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" | 287 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "10
px" |
| 162 PASS element.style.gridTemplateRows is "initial" | 288 PASS element.style.gridTemplateRows is "10px" |
| 163 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" | 289 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" |
| 164 PASS element.style.gridTemplateAreas is "initial" | 290 PASS element.style.gridTemplateAreas is "initial" |
| 165 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "column
" | 291 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "column
" |
| 166 PASS element.style.gridAutoFlow is "column" | 292 PASS element.style.gridAutoFlow is "column" |
| 167 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "20p
x" | 293 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "20p
x" |
| 168 PASS element.style.gridAutoColumns is "20px" | 294 PASS element.style.gridAutoColumns is "20px" |
| 169 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "10px" | 295 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 170 PASS element.style.gridAutoRows is "10px" | 296 PASS element.style.gridAutoRows is "initial" |
| 171 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" | 297 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" |
| 172 PASS element.style.gridTemplateColumns is "none" | 298 PASS element.style.gridTemplateColumns is "none" |
| 173 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" | 299 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" |
| 300 PASS element.style.gridTemplateRows is "none" |
| 301 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" |
| 302 PASS element.style.gridTemplateAreas is "none" |
| 303 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "row" |
| 304 PASS element.style.gridAutoFlow is "initial" |
| 305 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
| 306 PASS element.style.gridAutoColumns is "initial" |
| 307 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 308 PASS element.style.gridAutoRows is "initial" |
| 309 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" |
| 310 PASS element.style.gridTemplateColumns is "initial" |
| 311 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20
px" |
| 312 PASS element.style.gridTemplateRows is "20px" |
| 313 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" |
| 314 PASS element.style.gridTemplateAreas is "initial" |
| 315 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "column
" |
| 316 PASS element.style.gridAutoFlow is "column" |
| 317 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "10p
x" |
| 318 PASS element.style.gridAutoColumns is "10px" |
| 319 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 320 PASS element.style.gridAutoRows is "initial" |
| 321 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"none" |
| 322 PASS element.style.gridTemplateColumns is "none" |
| 323 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no
ne" |
| 174 PASS element.style.gridTemplateRows is "none" | 324 PASS element.style.gridTemplateRows is "none" |
| 175 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" | 325 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" |
| 176 PASS element.style.gridTemplateAreas is "none" | 326 PASS element.style.gridTemplateAreas is "none" |
| 177 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "row" | 327 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "row" |
| 178 PASS element.style.gridAutoFlow is "initial" | 328 PASS element.style.gridAutoFlow is "initial" |
| 179 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 329 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
| 180 PASS element.style.gridAutoColumns is "initial" | 330 PASS element.style.gridAutoColumns is "initial" |
| 181 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 331 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 182 PASS element.style.gridAutoRows is "initial" | 332 PASS element.style.gridAutoRows is "initial" |
| 183 | 333 |
| 184 Test the inherit value on reset-only subproperties (grid-*-gap) | 334 Test the inherit value on reset-only subproperties (grid-*-gap) |
| 185 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-column-gap') is
"0px" | 335 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-column-gap') is
"0px" |
| 186 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-row-gap') is "0
px" | 336 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-row-gap') is "0
px" |
| 187 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-column-gap') is
"20px" | 337 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-column-gap') is
"20px" |
| 188 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-row-gap') is "1
00px" | 338 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-row-gap') is "1
00px" |
| 189 PASS successfullyParsed is true | 339 PASS successfullyParsed is true |
| 190 | 340 |
| 191 TEST COMPLETE | 341 TEST COMPLETE |
| 192 | 342 |
| OLD | NEW |