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 |