| 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 "(first) 10px" | 7 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-columns') is "(first) 10px" |
| 8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-rows') is "(first) 15px" | 8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te
mplate-rows') is "(first) 15px" |
| 9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
template-columns') is "424px (last)" | 9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
template-columns') is "424px (last)" |
| 10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
template-rows') is "162px (last)" | 10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
template-rows') is "162px (last)" |
| (...skipping 74 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 85 PASS window.getComputedStyle(gridWithoutParentheses, '').getPropertyValue('grid-
template-columns') is "none" | 85 PASS window.getComputedStyle(gridWithoutParentheses, '').getPropertyValue('grid-
template-columns') is "none" |
| 86 PASS window.getComputedStyle(gridWithoutParentheses, '').getPropertyValue('grid-
template-rows') is "none" | 86 PASS window.getComputedStyle(gridWithoutParentheses, '').getPropertyValue('grid-
template-rows') is "none" |
| 87 PASS window.getComputedStyle(gridWithInvalidNestedParentheses, '').getPropertyVa
lue('grid-template-columns') is "none" | 87 PASS window.getComputedStyle(gridWithInvalidNestedParentheses, '').getPropertyVa
lue('grid-template-columns') is "none" |
| 88 PASS window.getComputedStyle(gridWithInvalidNestedParentheses, '').getPropertyVa
lue('grid-template-rows') is "none" | 88 PASS window.getComputedStyle(gridWithInvalidNestedParentheses, '').getPropertyVa
lue('grid-template-rows') is "none" |
| 89 PASS window.getComputedStyle(gridWithUnbalancedParentheses, '').getPropertyValue
('grid-template-columns') is "none" | 89 PASS window.getComputedStyle(gridWithUnbalancedParentheses, '').getPropertyValue
('grid-template-columns') is "none" |
| 90 PASS window.getComputedStyle(gridWithUnbalancedParentheses, '').getPropertyValue
('grid-template-rows') is "none" | 90 PASS window.getComputedStyle(gridWithUnbalancedParentheses, '').getPropertyValue
('grid-template-rows') is "none" |
| 91 PASS window.getComputedStyle(gridWithMisplacedParentheses, '').getPropertyValue(
'grid-template-columns') is "none" | 91 PASS window.getComputedStyle(gridWithMisplacedParentheses, '').getPropertyValue(
'grid-template-columns') is "none" |
| 92 PASS window.getComputedStyle(gridWithMisplacedParentheses, '').getPropertyValue(
'grid-template-rows') is "none" | 92 PASS window.getComputedStyle(gridWithMisplacedParentheses, '').getPropertyValue(
'grid-template-rows') is "none" |
| 93 PASS window.getComputedStyle(gridWithContiguousParentheses, '').getPropertyValue
('grid-template-columns') is "none" | 93 PASS window.getComputedStyle(gridWithContiguousParentheses, '').getPropertyValue
('grid-template-columns') is "none" |
| 94 PASS window.getComputedStyle(gridWithContiguousParentheses, '').getPropertyValue
('grid-template-rows') is "none" | 94 PASS window.getComputedStyle(gridWithContiguousParentheses, '').getPropertyValue
('grid-template-rows') is "none" |
| 95 PASS window.getComputedStyle(gridWithAutoAsCustomIdent, '').getPropertyValue('gr
id-template-columns') is "none" |
| 96 PASS window.getComputedStyle(gridWithAutoAsCustomIdent, '').getPropertyValue('gr
id-template-rows') is "none" |
| 97 PASS window.getComputedStyle(gridWithMinmaxAsCustomIdent, '').getPropertyValue('
grid-template-columns') is "none" |
| 98 PASS window.getComputedStyle(gridWithMinmaxAsCustomIdent, '').getPropertyValue('
grid-template-rows') is "none" |
| 99 PASS window.getComputedStyle(gridWithSubgridAsCustomIdent, '').getPropertyValue(
'grid-template-columns') is "none" |
| 100 PASS window.getComputedStyle(gridWithSubgridAsCustomIdent, '').getPropertyValue(
'grid-template-rows') is "none" |
| 95 | 101 |
| 96 Test getting and setting invalid grid-template-columns and grid-template-rows th
rough JS | 102 Test getting and setting invalid grid-template-columns and grid-template-rows th
rough JS |
| 97 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 103 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 98 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 104 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 99 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 105 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 100 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 106 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 101 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 107 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 102 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 108 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 103 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 109 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 104 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 110 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 105 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 111 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 106 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 112 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 107 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 113 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 108 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" | 114 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 115 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 116 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 117 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 118 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 119 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 120 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows')
is "none" |
| 109 PASS successfullyParsed is true | 121 PASS successfullyParsed is true |
| 110 | 122 |
| 111 TEST COMPLETE | 123 TEST COMPLETE |
| 112 | 124 |
| OLD | NEW |