OLD | NEW |
1 Test that setting and getting grid-template-columns and grid-template-rows with
repeat() works as expected | 1 Test that setting and getting grid-template-columns and grid-template-rows with
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-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(singleSingleTrackRepeat, '').getPropertyValue('grid
-template-columns') is "15%" | 7 PASS window.getComputedStyle(singleSingleTrackRepeat, '').getPropertyValue('grid
-template-columns') is "15%" |
8 PASS window.getComputedStyle(singleSingleTrackRepeat, '').getPropertyValue('grid
-template-rows') is "18px" | 8 PASS window.getComputedStyle(singleSingleTrackRepeat, '').getPropertyValue('grid
-template-rows') is "18px" |
9 PASS window.getComputedStyle(twoSingleTrackRepeat, '').getPropertyValue('grid-te
mplate-columns') is "minmax(15px, 50%) minmax(15px, 50%)" | 9 PASS window.getComputedStyle(twoSingleTrackRepeat, '').getPropertyValue('grid-te
mplate-columns') is "minmax(15px, 50%) minmax(15px, 50%)" |
10 PASS window.getComputedStyle(twoSingleTrackRepeat, '').getPropertyValue('grid-te
mplate-rows') is "auto auto" | 10 PASS window.getComputedStyle(twoSingleTrackRepeat, '').getPropertyValue('grid-te
mplate-rows') is "auto auto" |
11 PASS window.getComputedStyle(twoDoubleTrackRepeat, '').getPropertyValue('grid-te
mplate-columns') is "auto minmax(100px, 120px) auto minmax(100px, 120px)" | 11 PASS window.getComputedStyle(twoDoubleTrackRepeat, '').getPropertyValue('grid-te
mplate-columns') is "auto minmax(100px, 120px) auto minmax(100px, 120px)" |
12 PASS window.getComputedStyle(twoDoubleTrackRepeat, '').getPropertyValue('grid-te
mplate-rows') is "minmax(5px, 10px) auto minmax(5px, 10px) auto" | 12 PASS window.getComputedStyle(twoDoubleTrackRepeat, '').getPropertyValue('grid-te
mplate-rows') is "minmax(5px, 10px) auto minmax(5px, 10px) auto" |
13 PASS window.getComputedStyle(twoDoubleTrackWithNamedGridLineRepeat, '').getPrope
rtyValue('grid-template-columns') is "auto (middle) 250px (end) auto (middle) 25
0px (end)" | 13 PASS window.getComputedStyle(twoDoubleTrackWithNamedGridLineRepeat, '').getPrope
rtyValue('grid-template-columns') is "auto [middle] 250px [end] auto [middle] 25
0px [end]" |
14 PASS window.getComputedStyle(twoDoubleTrackWithNamedGridLineRepeat, '').getPrope
rtyValue('grid-template-rows') is "10px (start) auto (end) 10px (start) auto (en
d)" | 14 PASS window.getComputedStyle(twoDoubleTrackWithNamedGridLineRepeat, '').getPrope
rtyValue('grid-template-rows') is "10px [start] auto [end] 10px [start] auto [en
d]" |
15 PASS window.getComputedStyle(twoDoubleTrackWithTrailingNamedGridLineRepeat, '').
getPropertyValue('grid-template-columns') is "(before) auto (before) auto" | 15 PASS window.getComputedStyle(twoDoubleTrackWithTrailingNamedGridLineRepeat, '').
getPropertyValue('grid-template-columns') is "[before] auto [before] auto" |
16 PASS window.getComputedStyle(twoDoubleTrackWithTrailingNamedGridLineRepeat, '').
getPropertyValue('grid-template-rows') is "(before) 10px (before) 10px" | 16 PASS window.getComputedStyle(twoDoubleTrackWithTrailingNamedGridLineRepeat, '').
getPropertyValue('grid-template-rows') is "[before] 10px [before] 10px" |
17 PASS window.getComputedStyle(trailingNamedGridLineRepeat, '').getPropertyValue('
grid-template-columns') is "250px (end)" | 17 PASS window.getComputedStyle(trailingNamedGridLineRepeat, '').getPropertyValue('
grid-template-columns') is "250px [end]" |
18 PASS window.getComputedStyle(trailingNamedGridLineRepeat, '').getPropertyValue('
grid-template-rows') is "10px (end)" | 18 PASS window.getComputedStyle(trailingNamedGridLineRepeat, '').getPropertyValue('
grid-template-rows') is "10px [end]" |
19 PASS window.getComputedStyle(leadingNamedGridLineRepeat, '').getPropertyValue('g
rid-template-columns') is "(start) 250px 250px" | 19 PASS window.getComputedStyle(leadingNamedGridLineRepeat, '').getPropertyValue('g
rid-template-columns') is "[start] 250px 250px" |
20 PASS window.getComputedStyle(leadingNamedGridLineRepeat, '').getPropertyValue('g
rid-template-rows') is "(start) 10px 10px" | 20 PASS window.getComputedStyle(leadingNamedGridLineRepeat, '').getPropertyValue('g
rid-template-rows') is "[start] 10px 10px" |
21 PASS window.getComputedStyle(mixRepeatAfterNonRepeat, '').getPropertyValue('grid
-template-columns') is "(start) 140px 250px 250px" | 21 PASS window.getComputedStyle(mixRepeatAfterNonRepeat, '').getPropertyValue('grid
-template-columns') is "[start] 140px 250px 250px" |
22 PASS window.getComputedStyle(mixRepeatAfterNonRepeat, '').getPropertyValue('grid
-template-rows') is "auto 10px 10px" | 22 PASS window.getComputedStyle(mixRepeatAfterNonRepeat, '').getPropertyValue('grid
-template-rows') is "auto 10px 10px" |
23 PASS window.getComputedStyle(mixNonRepeatAfterRepeat, '').getPropertyValue('grid
-template-columns') is "250px 250px 15% (last)" | 23 PASS window.getComputedStyle(mixNonRepeatAfterRepeat, '').getPropertyValue('grid
-template-columns') is "250px 250px 15% [last]" |
24 PASS window.getComputedStyle(mixNonRepeatAfterRepeat, '').getPropertyValue('grid
-template-rows') is "10px 10px (end) auto" | 24 PASS window.getComputedStyle(mixNonRepeatAfterRepeat, '').getPropertyValue('grid
-template-rows') is "10px 10px [end] auto" |
25 | 25 |
26 Test invalid repeat syntax. | 26 Test invalid repeat syntax. |
27 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 27 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
28 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 28 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
29 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 29 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
30 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 30 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
31 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 31 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
32 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 32 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
33 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 33 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
34 PASS successfullyParsed is true | 34 PASS successfullyParsed is true |
35 | 35 |
36 TEST COMPLETE | 36 TEST COMPLETE |
37 | 37 |
OLD | NEW |