| OLD | NEW |
| 1 Test that setting and getting grid-columns and grid-rows with repeat() works as
expected | 1 Test that setting and getting grid-definition-columns and grid-definition-rows w
ith repeat() 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-columns and grid-rows set through CSS | 6 Test getting grid-definition-columns and grid-definition-rows set through CSS |
| 7 PASS window.getComputedStyle(singleSingleTrackRepeat, '').getPropertyValue('grid
-rows') is "18px" | 7 PASS window.getComputedStyle(singleSingleTrackRepeat, '').getPropertyValue('grid
-definition-rows') is "18px" |
| 8 PASS window.getComputedStyle(singleSingleTrackRepeat, '').getPropertyValue('grid
-columns') is "15%" | 8 PASS window.getComputedStyle(singleSingleTrackRepeat, '').getPropertyValue('grid
-definition-columns') is "15%" |
| 9 PASS window.getComputedStyle(twoSingleTrackRepeat, '').getPropertyValue('grid-ro
ws') is "auto auto" | 9 PASS window.getComputedStyle(twoSingleTrackRepeat, '').getPropertyValue('grid-de
finition-rows') is "auto auto" |
| 10 PASS window.getComputedStyle(twoSingleTrackRepeat, '').getPropertyValue('grid-co
lumns') is "minmax(15px, 50%) minmax(15px, 50%)" | 10 PASS window.getComputedStyle(twoSingleTrackRepeat, '').getPropertyValue('grid-de
finition-columns') is "minmax(15px, 50%) minmax(15px, 50%)" |
| 11 PASS window.getComputedStyle(twoDoubleTrackRepeat, '').getPropertyValue('grid-ro
ws') is "minmax(5px, 10px) auto minmax(5px, 10px) auto" | 11 PASS window.getComputedStyle(twoDoubleTrackRepeat, '').getPropertyValue('grid-de
finition-rows') is "minmax(5px, 10px) auto minmax(5px, 10px) auto" |
| 12 PASS window.getComputedStyle(twoDoubleTrackRepeat, '').getPropertyValue('grid-co
lumns') is "auto minmax(100px, 120px) auto minmax(100px, 120px)" | 12 PASS window.getComputedStyle(twoDoubleTrackRepeat, '').getPropertyValue('grid-de
finition-columns') is "auto minmax(100px, 120px) auto minmax(100px, 120px)" |
| 13 PASS window.getComputedStyle(twoDoubleTrackWithNamedGridLineRepeat, '').getPrope
rtyValue('grid-rows') is "10px start auto end 10px start auto end" | 13 PASS window.getComputedStyle(twoDoubleTrackWithNamedGridLineRepeat, '').getPrope
rtyValue('grid-definition-rows') is "10px start auto end 10px start auto end" |
| 14 PASS window.getComputedStyle(twoDoubleTrackWithNamedGridLineRepeat, '').getPrope
rtyValue('grid-columns') is "auto middle 250px end auto middle 250px end" | 14 PASS window.getComputedStyle(twoDoubleTrackWithNamedGridLineRepeat, '').getPrope
rtyValue('grid-definition-columns') is "auto middle 250px end auto middle 250px
end" |
| 15 PASS window.getComputedStyle(twoDoubleTrackWithTrailingNamedGridLineRepeat, '').
getPropertyValue('grid-rows') is "before 10px before 10px" | 15 PASS window.getComputedStyle(twoDoubleTrackWithTrailingNamedGridLineRepeat, '').
getPropertyValue('grid-definition-rows') is "before 10px before 10px" |
| 16 PASS window.getComputedStyle(twoDoubleTrackWithTrailingNamedGridLineRepeat, '').
getPropertyValue('grid-columns') is "before auto before auto" | 16 PASS window.getComputedStyle(twoDoubleTrackWithTrailingNamedGridLineRepeat, '').
getPropertyValue('grid-definition-columns') is "before auto before auto" |
| 17 PASS window.getComputedStyle(trailingNamedGridLineRepeat, '').getPropertyValue('
grid-rows') is "10px end" | 17 PASS window.getComputedStyle(trailingNamedGridLineRepeat, '').getPropertyValue('
grid-definition-rows') is "10px end" |
| 18 PASS window.getComputedStyle(trailingNamedGridLineRepeat, '').getPropertyValue('
grid-columns') is "250px end" | 18 PASS window.getComputedStyle(trailingNamedGridLineRepeat, '').getPropertyValue('
grid-definition-columns') is "250px end" |
| 19 PASS window.getComputedStyle(leadingNamedGridLineRepeat, '').getPropertyValue('g
rid-rows') is "start 10px 10px" | 19 PASS window.getComputedStyle(leadingNamedGridLineRepeat, '').getPropertyValue('g
rid-definition-rows') is "start 10px 10px" |
| 20 PASS window.getComputedStyle(leadingNamedGridLineRepeat, '').getPropertyValue('g
rid-columns') is "start 250px 250px" | 20 PASS window.getComputedStyle(leadingNamedGridLineRepeat, '').getPropertyValue('g
rid-definition-columns') is "start 250px 250px" |
| 21 PASS window.getComputedStyle(mixRepeatAfterNonRepeat, '').getPropertyValue('grid
-rows') is "auto 10px 10px" | 21 PASS window.getComputedStyle(mixRepeatAfterNonRepeat, '').getPropertyValue('grid
-definition-rows') is "auto 10px 10px" |
| 22 PASS window.getComputedStyle(mixRepeatAfterNonRepeat, '').getPropertyValue('grid
-columns') is "start 140px 250px 250px" | 22 PASS window.getComputedStyle(mixRepeatAfterNonRepeat, '').getPropertyValue('grid
-definition-columns') is "start 140px 250px 250px" |
| 23 PASS window.getComputedStyle(mixNonRepeatAfterRepeat, '').getPropertyValue('grid
-rows') is "10px 10px end auto" | 23 PASS window.getComputedStyle(mixNonRepeatAfterRepeat, '').getPropertyValue('grid
-definition-rows') is "10px 10px end auto" |
| 24 PASS window.getComputedStyle(mixNonRepeatAfterRepeat, '').getPropertyValue('grid
-columns') is "250px 250px 15% last" | 24 PASS window.getComputedStyle(mixNonRepeatAfterRepeat, '').getPropertyValue('grid
-definition-columns') is "250px 250px 15% last" |
| 25 | 25 |
| 26 Test invalid repeat syntax. | 26 Test invalid repeat syntax. |
| 27 PASS window.getComputedStyle(element, '').getPropertyValue('grid-columns') is "n
one" | 27 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
| 28 PASS window.getComputedStyle(element, '').getPropertyValue('grid-columns') is "n
one" | 28 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
| 29 PASS window.getComputedStyle(element, '').getPropertyValue('grid-columns') is "n
one" | 29 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
| 30 PASS window.getComputedStyle(element, '').getPropertyValue('grid-columns') is "n
one" | 30 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
| 31 PASS window.getComputedStyle(element, '').getPropertyValue('grid-columns') is "n
one" | 31 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
| 32 PASS window.getComputedStyle(element, '').getPropertyValue('grid-columns') is "n
one" | 32 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
| 33 PASS window.getComputedStyle(element, '').getPropertyValue('grid-columns') is "n
one" | 33 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
| 34 PASS successfullyParsed is true | 34 PASS successfullyParsed is true |
| 35 | 35 |
| 36 TEST COMPLETE | 36 TEST COMPLETE |
| 37 | 37 |
| OLD | NEW |