| 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 104 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 115 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60
0px" | 115 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60
0px" |
| 116 PASS element.style.gridTemplateRows is "154fr" | 116 PASS element.style.gridTemplateRows is "154fr" |
| 117 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"800px" | 117 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"800px" |
| 118 PASS element.style.gridTemplateColumns is "3.1459fr" | 118 PASS element.style.gridTemplateColumns is "3.1459fr" |
| 119 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60
0px" | 119 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60
0px" |
| 120 PASS element.style.gridTemplateRows is "2.718fr" | 120 PASS element.style.gridTemplateRows is "2.718fr" |
| 121 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"800px" | 121 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"800px" |
| 122 PASS element.style.gridTemplateColumns is "3fr" | 122 PASS element.style.gridTemplateColumns is "3fr" |
| 123 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60
0px" | 123 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60
0px" |
| 124 PASS element.style.gridTemplateRows is "4fr" | 124 PASS element.style.gridTemplateRows is "4fr" |
| 125 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"0px" |
| 126 PASS element.style.gridTemplateColumns is "0fr" |
| 127 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p
x" |
| 128 PASS element.style.gridTemplateRows is "0fr" |
| 129 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"0px" |
| 130 PASS element.style.gridTemplateColumns is "minmax(0fr, 0fr)" |
| 131 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p
x" |
| 132 PASS element.style.gridTemplateRows is "minmax(0fr, 0fr)" |
| 125 | 133 |
| 126 Test getting and setting grid-template-columns and grid-template-rows to calc()
values through JS | 134 Test getting and setting grid-template-columns and grid-template-rows to calc()
values through JS |
| 127 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"150px" | 135 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"150px" |
| 128 PASS element.style.gridTemplateColumns is "calc(150px)" | 136 PASS element.style.gridTemplateColumns is "calc(150px)" |
| 129 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "75
px" | 137 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "75
px" |
| 130 PASS element.style.gridTemplateRows is "calc(75px)" | 138 PASS element.style.gridTemplateRows is "calc(75px)" |
| 131 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"370px" | 139 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"370px" |
| 132 PASS element.style.gridTemplateColumns is "calc(50% - 30px)" | 140 PASS element.style.gridTemplateColumns is "calc(50% - 30px)" |
| 133 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "13
5px" | 141 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "13
5px" |
| 134 PASS element.style.gridTemplateRows is "calc(75px + 10%)" | 142 PASS element.style.gridTemplateRows is "calc(75px + 10%)" |
| (...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 185 | 193 |
| 186 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S | 194 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S |
| 187 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'450px [last]' | 195 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'450px [last]' |
| 188 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f
irst] 150px' | 196 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f
irst] 150px' |
| 189 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' | 197 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' |
| 190 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' | 198 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' |
| 191 PASS successfullyParsed is true | 199 PASS successfullyParsed is true |
| 192 | 200 |
| 193 TEST COMPLETE | 201 TEST COMPLETE |
| 194 | 202 |
| OLD | NEW |