| 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(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-columns') is "7px 11px" | 7 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-columns') is "7px 11px" |
| 8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-rows') is "17px 2px" | 8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-rows') is "17px 2px" |
| 9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
template-columns') is "424px 792px" | 9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
template-columns') is "424px 792px" |
| 10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
template-rows') is "162px 312px" | 10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
template-rows') is "162px 312px" |
| (...skipping 96 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 107 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 107 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 108 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 108 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 109 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 109 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 110 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 110 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 111 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 111 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 112 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 112 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 113 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 113 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 114 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 114 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 115 | 115 |
| 116 Test setting grid-template-columns and grid-template-rows to 'inherit' through J
S | 116 Test setting grid-template-columns and grid-template-rows to 'inherit' through J
S |
| 117 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "50px 750px (last)" | 117 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "50px 750px [last]" |
| 118 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "20px (middle) 45px" | 118 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "20px [middle] 45px" |
| 119 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "50px 0px (last)" | 119 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "50px 0px [last]" |
| 120 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "20px (middle) 45px" | 120 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "20px [middle] 45px" |
| 121 | 121 |
| 122 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S | 122 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S |
| 123 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "1200px (middle) 55px" | 123 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "1200px [middle] 55px" |
| 124 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "200px (line) 400px (line)" | 124 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "200px [line] 400px [line]" |
| 125 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' | 125 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' |
| 126 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' | 126 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' |
| 127 PASS successfullyParsed is true | 127 PASS successfullyParsed is true |
| 128 | 128 |
| 129 TEST COMPLETE | 129 TEST COMPLETE |
| 130 | 130 |
| OLD | NEW |