| 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 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 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 "10px" |
| 48 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-auto-rows') is "10px" | 48 PASS window.getComputedStyle(gridWithAutoFlowColumnDense, '').getPropertyValue('
grid-auto-rows') is "10px" |
| 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 "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(gridWithAutoFlowStackColumn, '').getPropertyValue('
grid-template-columns') is "none" | |
| 56 PASS window.getComputedStyle(gridWithAutoFlowStackColumn, '').getPropertyValue('
grid-template-rows') is "none" | |
| 57 PASS window.getComputedStyle(gridWithAutoFlowStackColumn, '').getPropertyValue('
grid-template-areas') is "none" | |
| 58 PASS window.getComputedStyle(gridWithAutoFlowStackColumn, '').getPropertyValue('
grid-auto-flow') is "stack column" | |
| 59 PASS window.getComputedStyle(gridWithAutoFlowStackColumn, '').getPropertyValue('
grid-auto-columns') is "10px" | |
| 60 PASS window.getComputedStyle(gridWithAutoFlowStackColumn, '').getPropertyValue('
grid-auto-rows') is "10px" | |
| 61 PASS window.getComputedStyle(gridWithAutoFlowRowStack, '').getPropertyValue('gri
d-template-columns') is "none" | |
| 62 PASS window.getComputedStyle(gridWithAutoFlowRowStack, '').getPropertyValue('gri
d-template-rows') is "none" | |
| 63 PASS window.getComputedStyle(gridWithAutoFlowRowStack, '').getPropertyValue('gri
d-template-areas') is "none" | |
| 64 PASS window.getComputedStyle(gridWithAutoFlowRowStack, '').getPropertyValue('gri
d-auto-flow') is "stack row" | |
| 65 PASS window.getComputedStyle(gridWithAutoFlowRowStack, '').getPropertyValue('gri
d-auto-columns') is "10px" | |
| 66 PASS window.getComputedStyle(gridWithAutoFlowRowStack, '').getPropertyValue('gri
d-auto-rows') is "10px" | |
| 67 PASS window.getComputedStyle(gridWithAutoFlowAndColumnsAndRows, '').getPropertyV
alue('grid-template-columns') is "none" | 55 PASS window.getComputedStyle(gridWithAutoFlowAndColumnsAndRows, '').getPropertyV
alue('grid-template-columns') is "none" |
| 68 PASS window.getComputedStyle(gridWithAutoFlowAndColumnsAndRows, '').getPropertyV
alue('grid-template-rows') is "none" | 56 PASS window.getComputedStyle(gridWithAutoFlowAndColumnsAndRows, '').getPropertyV
alue('grid-template-rows') is "none" |
| 69 PASS window.getComputedStyle(gridWithAutoFlowAndColumnsAndRows, '').getPropertyV
alue('grid-template-areas') is "none" | 57 PASS window.getComputedStyle(gridWithAutoFlowAndColumnsAndRows, '').getPropertyV
alue('grid-template-areas') is "none" |
| 70 PASS window.getComputedStyle(gridWithAutoFlowAndColumnsAndRows, '').getPropertyV
alue('grid-auto-flow') is "column" | 58 PASS window.getComputedStyle(gridWithAutoFlowAndColumnsAndRows, '').getPropertyV
alue('grid-auto-flow') is "column" |
| 71 PASS window.getComputedStyle(gridWithAutoFlowAndColumnsAndRows, '').getPropertyV
alue('grid-auto-columns') is "10px" | 59 PASS window.getComputedStyle(gridWithAutoFlowAndColumnsAndRows, '').getPropertyV
alue('grid-auto-columns') is "10px" |
| 72 PASS window.getComputedStyle(gridWithAutoFlowAndColumnsAndRows, '').getPropertyV
alue('grid-auto-rows') is "20px" | 60 PASS window.getComputedStyle(gridWithAutoFlowAndColumnsAndRows, '').getPropertyV
alue('grid-auto-rows') is "20px" |
| 73 | 61 |
| 74 Test getting wrong values for 'grid' shorthand through CSS (they should resolve
to the default: 'none') | 62 Test getting wrong values for 'grid' shorthand through CSS (they should resolve
to the default: 'none') |
| 75 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-template-columns') is "none" | 63 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-template-columns') is "none" |
| 76 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-template-rows') is "none" | 64 PASS window.getComputedStyle(gridWithExplicitAndImplicit, '').getPropertyValue('
grid-template-rows') is "none" |
| (...skipping 12 matching lines...) Expand all Loading... |
| 89 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
template-areas') is "none" | 77 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
template-areas') is "none" |
| 90 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
auto-flow') is "row" | 78 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
auto-flow') is "row" |
| 91 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
auto-columns') is "auto" | 79 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
auto-columns') is "auto" |
| 92 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
auto-rows') is "auto" | 80 PASS window.getComputedStyle(gridWithMisplacedNone2, '').getPropertyValue('grid-
auto-rows') is "auto" |
| 93 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
template-columns') is "none" | 81 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
template-columns') is "none" |
| 94 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
template-rows') is "none" | 82 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
template-rows') is "none" |
| 95 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
template-areas') is "none" | 83 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
template-areas') is "none" |
| 96 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
auto-flow') is "row" | 84 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
auto-flow') is "row" |
| 97 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
auto-columns') is "auto" | 85 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
auto-columns') is "auto" |
| 98 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
auto-rows') is "auto" | 86 PASS window.getComputedStyle(gridWithMisplacedDense, '').getPropertyValue('grid-
auto-rows') is "auto" |
| 99 PASS window.getComputedStyle(gridWithMisplacedStack, '').getPropertyValue('grid-
template-columns') is "none" | |
| 100 PASS window.getComputedStyle(gridWithMisplacedStack, '').getPropertyValue('grid-
template-rows') is "none" | |
| 101 PASS window.getComputedStyle(gridWithMisplacedStack, '').getPropertyValue('grid-
template-areas') is "none" | |
| 102 PASS window.getComputedStyle(gridWithMisplacedStack, '').getPropertyValue('grid-
auto-flow') is "row" | |
| 103 PASS window.getComputedStyle(gridWithMisplacedStack, '').getPropertyValue('grid-
auto-columns') is "auto" | |
| 104 PASS window.getComputedStyle(gridWithMisplacedStack, '').getPropertyValue('grid-
auto-rows') is "auto" | |
| 105 | 87 |
| 106 Test getting and setting 'grid' shorthand through JS | 88 Test getting and setting 'grid' shorthand through JS |
| 107 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"10px" | 89 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"10px" |
| 108 PASS element.style.gridTemplateColumns is "10px" | 90 PASS element.style.gridTemplateColumns is "10px" |
| 109 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20
px" | 91 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20
px" |
| 110 PASS element.style.gridTemplateRows is "20px" | 92 PASS element.style.gridTemplateRows is "20px" |
| 111 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" | 93 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n
one" |
| 112 PASS element.style.gridTemplateAreas is "none" | 94 PASS element.style.gridTemplateAreas is "none" |
| 113 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "row" | 95 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "row" |
| 114 PASS element.style.gridAutoFlow is "initial" | 96 PASS element.style.gridAutoFlow is "initial" |
| (...skipping 74 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 189 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "row" | 171 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is "row" |
| 190 PASS element.style.gridAutoFlow is "initial" | 172 PASS element.style.gridAutoFlow is "initial" |
| 191 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 173 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
| 192 PASS element.style.gridAutoColumns is "initial" | 174 PASS element.style.gridAutoColumns is "initial" |
| 193 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 175 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 194 PASS element.style.gridAutoRows is "initial" | 176 PASS element.style.gridAutoRows is "initial" |
| 195 PASS successfullyParsed is true | 177 PASS successfullyParsed is true |
| 196 | 178 |
| 197 TEST COMPLETE | 179 TEST COMPLETE |
| 198 | 180 |
| OLD | NEW |