OLD | NEW |
1 Test that setting and getting grid-template-columns and grid-template-rows works
as expected | 1 Test that setting and getting grid-template-columns and grid-template-rows works
as expected |
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-template-columns and grid-template-rows set through CSS | 6 Test getting grid-template-columns and grid-template-rows set through CSS |
7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem
plate-columns') is "none" | 7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem
plate-columns') is "none" |
8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem
plate-rows') is "none" | 8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem
plate-rows') is "none" |
9 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-columns') is "10px" | 9 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-columns') is "10px" |
10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-rows') is "15px" | 10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-rows') is "15px" |
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
103 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "2.
718fr" | 103 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "2.
718fr" |
104 PASS element.style.gridTemplateRows is "2.718fr" | 104 PASS element.style.gridTemplateRows is "2.718fr" |
105 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"3fr" | 105 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"3fr" |
106 PASS element.style.gridTemplateColumns is "3fr" | 106 PASS element.style.gridTemplateColumns is "3fr" |
107 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "4f
r" | 107 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "4f
r" |
108 PASS element.style.gridTemplateRows is "4fr" | 108 PASS element.style.gridTemplateRows is "4fr" |
109 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"minmax(auto, 48px)" | 109 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"minmax(auto, 48px)" |
110 PASS element.style.gridTemplateColumns is "minmax(auto, 8vh)" | 110 PASS element.style.gridTemplateColumns is "minmax(auto, 8vh)" |
111 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi
nmax(80px, auto)" | 111 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi
nmax(80px, auto)" |
112 PASS element.style.gridTemplateRows is "minmax(10vw, auto)" | 112 PASS element.style.gridTemplateRows is "minmax(10vw, auto)" |
| 113 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"0px" |
| 114 PASS element.style.gridTemplateColumns is "0fr" |
| 115 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p
x" |
| 116 PASS element.style.gridTemplateRows is "0fr" |
| 117 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"0px" |
| 118 PASS element.style.gridTemplateColumns is "minmax(0fr, 0fr)" |
| 119 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p
x" |
| 120 PASS element.style.gridTemplateRows is "minmax(0fr, 0fr)" |
113 | 121 |
114 Test setting grid-template-columns and grid-template-rows to bad values through
JS | 122 Test setting grid-template-columns and grid-template-rows to bad values through
JS |
115 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 123 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
116 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 124 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
117 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 125 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
118 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 126 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
119 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 127 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
120 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 128 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
121 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 129 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
122 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 130 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
(...skipping 26 matching lines...) Expand all Loading... |
149 | 157 |
150 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S | 158 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S |
151 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'150% [last]' | 159 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'150% [last]' |
152 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f
irst] 1fr' | 160 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f
irst] 1fr' |
153 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' | 161 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' |
154 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' | 162 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' |
155 PASS successfullyParsed is true | 163 PASS successfullyParsed is true |
156 | 164 |
157 TEST COMPLETE | 165 TEST COMPLETE |
158 | 166 |
OLD | NEW |