| 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 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 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 "10px" |
| 54 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-auto-rows') is "10px" | 54 PASS window.getComputedStyle(gridWithAutoFlowDenseRow, '').getPropertyValue('gri
d-auto-rows') is "10px" |
| 55 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-template-columns') is "none" | 55 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-template-columns') is "none" |
| 56 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-template-rows') is "none" | 56 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-template-rows') is "none" |
| 57 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-template-areas') is "none" | 57 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-template-areas') is "none" |
| 58 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-auto-flow') is "column" | 58 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-auto-flow') is "column" |
| 59 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-auto-columns') is "20px" | 59 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-auto-columns') is "20px" |
| 60 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-auto-rows') is "10px" | 60 PASS window.getComputedStyle(gridWithAutoFlowAndRowsAndColumns, '').getPropertyV
alue('grid-auto-rows') is "10px" |
| 61 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-template-columns') 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" |
| 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%" |
| 66 PASS window.getComputedStyle(gridWithAutoFlowAndMultipleAutoTracks, '').getPrope
rtyValue('grid-auto-rows') is "20px 10px" |
| 61 | 67 |
| 62 Test getting wrong values for 'grid' shorthand through CSS (they should resolve
to the default: 'none') | 68 Test getting wrong values for 'grid' shorthand through CSS (they should resolve
to the default: 'none') |
| 63 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-template-columns') is "none" | 69 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-template-columns') is "none" |
| 64 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-template-rows') is "none" | 70 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-template-rows') is "none" |
| 65 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-template-areas') is "none" | 71 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-template-areas') is "none" |
| 66 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-auto-flow') is "row" | 72 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-auto-flow') is "row" |
| 67 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-auto-columns') is "auto" | 73 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-auto-columns') is "auto" |
| 68 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-auto-rows') is "auto" | 74 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-auto-rows') is "auto" |
| 69 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
template-columns') is "none" | 75 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
template-columns') is "none" |
| 70 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
template-rows') is "none" | 76 PASS window.getComputedStyle(gridWithMisplacedNone1, '').getPropertyValue('grid-
template-rows') is "none" |
| (...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 177 | 183 |
| 178 Test the inherit value on reset-only subproperties (grid-*-gap) | 184 Test the inherit value on reset-only subproperties (grid-*-gap) |
| 179 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-column-gap') is
"0px" | 185 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-column-gap') is
"0px" |
| 180 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-row-gap') is "0
px" | 186 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-row-gap') is "0
px" |
| 181 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-column-gap') is
"20px" | 187 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-column-gap') is
"20px" |
| 182 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-row-gap') is "1
00px" | 188 PASS getComputedStyle(anotherElement, '').getPropertyValue('grid-row-gap') is "1
00px" |
| 183 PASS successfullyParsed is true | 189 PASS successfullyParsed is true |
| 184 | 190 |
| 185 TEST COMPLETE | 191 TEST COMPLETE |
| 186 | 192 |
| OLD | NEW |