| 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 "53% 99%" | 9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
template-columns') is "53% 99%" |
| 10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
template-rows') is "27% 52%" | 10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
template-rows') is "27% 52%" |
| (...skipping 80 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 91 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 91 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 92 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 92 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 93 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 93 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 94 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 94 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 95 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 95 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 96 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 96 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 97 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 97 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 98 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 98 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 99 | 99 |
| 100 Test setting grid-template-columns and grid-template-rows to 'inherit' through J
S | 100 Test setting grid-template-columns and grid-template-rows to 'inherit' through J
S |
| 101 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "50px 1fr (last)" | 101 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "50px 1fr [last]" |
| 102 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "101% (middle) 45px" | 102 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "101% [middle] 45px" |
| 103 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "50px 1fr (last)" | 103 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "50px 1fr [last]" |
| 104 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "101% (middle) 45px" | 104 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "101% [middle] 45px" |
| 105 | 105 |
| 106 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S | 106 Test setting grid-template-columns and grid-template-rows to 'initial' through J
S |
| 107 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "150% (middle) 55px" | 107 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "150% [middle] 55px" |
| 108 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "1fr (line) 2fr (line)" | 108 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "1fr [line] 2fr [line]" |
| 109 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' | 109 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
'none' |
| 110 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' | 110 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no
ne' |
| 111 PASS successfullyParsed is true | 111 PASS successfullyParsed is true |
| 112 | 112 |
| 113 TEST COMPLETE | 113 TEST COMPLETE |
| 114 | 114 |
| OLD | NEW |