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 |