OLD | NEW |
1 Test that setting and getting grid-definition-columns and grid-definition-rows w
ith 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-definition-columns and grid-definition-rows set through CSS | 6 Test getting grid-definition-columns and grid-definition-rows set through CSS |
7 PASS window.getComputedStyle(singleSingleTrackRepeatWithSize, '').getPropertyVal
ue('grid-definition-columns') is "120px" | 7 PASS window.getComputedStyle(singleSingleTrackRepeatWithSize, '').getPropertyVal
ue('grid-definition-columns') is "120px" |
8 PASS window.getComputedStyle(singleSingleTrackRepeatWithSize, '').getPropertyVal
ue('grid-definition-rows') is "18px" | 8 PASS window.getComputedStyle(singleSingleTrackRepeatWithSize, '').getPropertyVal
ue('grid-definition-rows') is "18px" |
9 PASS window.getComputedStyle(twoSingleTrackRepeat, '').getPropertyValue('grid-de
finition-columns') is "400px 400px" | 9 PASS window.getComputedStyle(twoSingleTrackRepeat, '').getPropertyValue('grid-de
finition-columns') is "400px 400px" |
10 PASS window.getComputedStyle(twoSingleTrackRepeat, '').getPropertyValue('grid-de
finition-rows') is "0px 0px" | 10 PASS window.getComputedStyle(twoSingleTrackRepeat, '').getPropertyValue('grid-de
finition-rows') is "0px 0px" |
11 PASS window.getComputedStyle(twoSingleTrackRepeatWithChildren, '').getPropertyVa
lue('grid-definition-columns') is "400px 400px" | 11 PASS window.getComputedStyle(twoSingleTrackRepeatWithChildren, '').getPropertyVa
lue('grid-definition-columns') is "400px 400px" |
12 PASS window.getComputedStyle(twoSingleTrackRepeatWithChildren, '').getPropertyVa
lue('grid-definition-rows') is "44px 77px" | 12 PASS window.getComputedStyle(twoSingleTrackRepeatWithChildren, '').getPropertyVa
lue('grid-definition-rows') is "44px 77px" |
13 PASS window.getComputedStyle(twoDoubleTrackRepeat, '').getPropertyValue('grid-de
finition-columns') is "33px 120px 0px 120px" | 13 PASS window.getComputedStyle(twoDoubleTrackRepeat, '').getPropertyValue('grid-de
finition-columns') is "33px 120px 0px 120px" |
14 PASS window.getComputedStyle(twoDoubleTrackRepeat, '').getPropertyValue('grid-de
finition-rows') is "10px 77px 10px 0px" | 14 PASS window.getComputedStyle(twoDoubleTrackRepeat, '').getPropertyValue('grid-de
finition-rows') is "10px 77px 10px 0px" |
15 PASS window.getComputedStyle(twoDoubleTrackWithNamedGridLineRepeat, '').getPrope
rtyValue('grid-definition-columns') is "33px middle 250px end 0px middle 250px e
nd" | 15 PASS window.getComputedStyle(twoDoubleTrackWithNamedGridLineRepeat, '').getPrope
rtyValue('grid-definition-columns') is "33px (middle) 250px (end) 0px (middle) 2
50px (end)" |
16 PASS window.getComputedStyle(twoDoubleTrackWithNamedGridLineRepeat, '').getPrope
rtyValue('grid-definition-rows') is "10px start 77px end 10px start 0px end" | 16 PASS window.getComputedStyle(twoDoubleTrackWithNamedGridLineRepeat, '').getPrope
rtyValue('grid-definition-rows') is "10px (start) 77px (end) 10px (start) 0px (e
nd)" |
17 PASS window.getComputedStyle(twoDoubleTrackWithTrailingNamedGridLineRepeat, '').
getPropertyValue('grid-definition-columns') is "before 0px before 0px" | 17 PASS window.getComputedStyle(twoDoubleTrackWithTrailingNamedGridLineRepeat, '').
getPropertyValue('grid-definition-columns') is "(before) 0px (before) 0px" |
18 PASS window.getComputedStyle(twoDoubleTrackWithTrailingNamedGridLineRepeat, '').
getPropertyValue('grid-definition-rows') is "before 10px before 10px" | 18 PASS window.getComputedStyle(twoDoubleTrackWithTrailingNamedGridLineRepeat, '').
getPropertyValue('grid-definition-rows') is "(before) 10px (before) 10px" |
19 PASS window.getComputedStyle(trailingNamedGridLineRepeat, '').getPropertyValue('
grid-definition-columns') is "250px end" | 19 PASS window.getComputedStyle(trailingNamedGridLineRepeat, '').getPropertyValue('
grid-definition-columns') is "250px (end)" |
20 PASS window.getComputedStyle(trailingNamedGridLineRepeat, '').getPropertyValue('
grid-definition-rows') is "10px end" | 20 PASS window.getComputedStyle(trailingNamedGridLineRepeat, '').getPropertyValue('
grid-definition-rows') is "10px (end)" |
21 PASS window.getComputedStyle(leadingNamedGridLineRepeat, '').getPropertyValue('g
rid-definition-columns') is "start 250px 250px" | 21 PASS window.getComputedStyle(leadingNamedGridLineRepeat, '').getPropertyValue('g
rid-definition-columns') is "(start) 250px 250px" |
22 PASS window.getComputedStyle(leadingNamedGridLineRepeat, '').getPropertyValue('g
rid-definition-rows') is "start 10px 10px" | 22 PASS window.getComputedStyle(leadingNamedGridLineRepeat, '').getPropertyValue('g
rid-definition-rows') is "(start) 10px 10px" |
23 PASS window.getComputedStyle(mixRepeatAfterNonRepeat, '').getPropertyValue('grid
-definition-columns') is "start 140px 250px 250px" | 23 PASS window.getComputedStyle(mixRepeatAfterNonRepeat, '').getPropertyValue('grid
-definition-columns') is "(start) 140px 250px 250px" |
24 PASS window.getComputedStyle(mixRepeatAfterNonRepeat, '').getPropertyValue('grid
-definition-rows') is "44px 10px 10px" | 24 PASS window.getComputedStyle(mixRepeatAfterNonRepeat, '').getPropertyValue('grid
-definition-rows') is "44px 10px 10px" |
25 PASS window.getComputedStyle(mixNonRepeatAfterRepeat, '').getPropertyValue('grid
-definition-columns') is "250px 250px 120px last" | 25 PASS window.getComputedStyle(mixNonRepeatAfterRepeat, '').getPropertyValue('grid
-definition-columns') is "250px 250px 120px (last)" |
26 PASS window.getComputedStyle(mixNonRepeatAfterRepeat, '').getPropertyValue('grid
-definition-rows') is "10px 10px end 0px" | 26 PASS window.getComputedStyle(mixNonRepeatAfterRepeat, '').getPropertyValue('grid
-definition-rows') is "10px 10px (end) 0px" |
27 | 27 |
28 Test invalid repeat syntax. | 28 Test invalid repeat syntax. |
29 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" | 29 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
30 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" | 30 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
31 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" | 31 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
32 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" | 32 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
33 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" | 33 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
34 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" | 34 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
35 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" | 35 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
36 PASS successfullyParsed is true | 36 PASS successfullyParsed is true |
37 | 37 |
38 TEST COMPLETE | 38 TEST COMPLETE |
39 | 39 |
OLD | NEW |