OLD | NEW |
1 Test that computed style for grid-template-columns and grid-template-rows works
as expected with named grid lines and implicit tracks | 1 Test that computed style for grid-template-columns and grid-template-rows works
as expected with named grid lines and implicit tracks |
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 PASS window.getComputedStyle(gridOneColumnSingle, '').getPropertyValue('grid-tem
plate-columns') is "(a) 200px (b)" | 6 PASS window.getComputedStyle(gridOneColumnSingle, '').getPropertyValue('grid-tem
plate-columns') is "[a] 200px [b]" |
7 PASS window.getComputedStyle(gridOneColumnSingle, '').getPropertyValue('grid-tem
plate-rows') is "(x) 50px (y) 50px 50px 50px" | 7 PASS window.getComputedStyle(gridOneColumnSingle, '').getPropertyValue('grid-tem
plate-rows') is "[x] 50px [y] 50px 50px 50px" |
8 PASS window.getComputedStyle(gridTwoColumnsSingle, '').getPropertyValue('grid-te
mplate-columns') is "(a) 200px (b) 150px" | 8 PASS window.getComputedStyle(gridTwoColumnsSingle, '').getPropertyValue('grid-te
mplate-columns') is "[a] 200px [b] 150px" |
9 PASS window.getComputedStyle(gridTwoColumnsSingle, '').getPropertyValue('grid-te
mplate-rows') is "(x) 50px (y) 50px" | 9 PASS window.getComputedStyle(gridTwoColumnsSingle, '').getPropertyValue('grid-te
mplate-rows') is "[x] 50px [y] 50px" |
10 PASS window.getComputedStyle(gridThreeColumnsSingle, '').getPropertyValue('grid-
template-columns') is "(a) 200px (b) 150px 100px" | 10 PASS window.getComputedStyle(gridThreeColumnsSingle, '').getPropertyValue('grid-
template-columns') is "[a] 200px [b] 150px 100px" |
11 PASS window.getComputedStyle(gridThreeColumnsSingle, '').getPropertyValue('grid-
template-rows') is "(x) 50px (y) 50px" | 11 PASS window.getComputedStyle(gridThreeColumnsSingle, '').getPropertyValue('grid-
template-rows') is "[x] 50px [y] 50px" |
12 PASS window.getComputedStyle(gridFourColumnsSingle, '').getPropertyValue('grid-t
emplate-columns') is "(a) 200px (b) 150px 100px 50px" | 12 PASS window.getComputedStyle(gridFourColumnsSingle, '').getPropertyValue('grid-t
emplate-columns') is "[a] 200px [b] 150px 100px 50px" |
13 PASS window.getComputedStyle(gridFourColumnsSingle, '').getPropertyValue('grid-t
emplate-rows') is "(x) 50px (y)" | 13 PASS window.getComputedStyle(gridFourColumnsSingle, '').getPropertyValue('grid-t
emplate-rows') is "[x] 50px [y]" |
14 PASS window.getComputedStyle(gridOneColumnMultiple, '').getPropertyValue('grid-t
emplate-columns') is "(a b c) 200px (d e)" | 14 PASS window.getComputedStyle(gridOneColumnMultiple, '').getPropertyValue('grid-t
emplate-columns') is "[a b c] 200px [d e]" |
15 PASS window.getComputedStyle(gridOneColumnMultiple, '').getPropertyValue('grid-t
emplate-rows') is "(x y z) 50px (v w) 50px 50px 50px" | 15 PASS window.getComputedStyle(gridOneColumnMultiple, '').getPropertyValue('grid-t
emplate-rows') is "[x y z] 50px [v w] 50px 50px 50px" |
16 PASS window.getComputedStyle(gridTwoColumnsMultiple, '').getPropertyValue('grid-
template-columns') is "(a b c) 200px (d e) 150px" | 16 PASS window.getComputedStyle(gridTwoColumnsMultiple, '').getPropertyValue('grid-
template-columns') is "[a b c] 200px [d e] 150px" |
17 PASS window.getComputedStyle(gridTwoColumnsMultiple, '').getPropertyValue('grid-
template-rows') is "(x y z) 50px (v w) 50px" | 17 PASS window.getComputedStyle(gridTwoColumnsMultiple, '').getPropertyValue('grid-
template-rows') is "[x y z] 50px [v w] 50px" |
18 PASS window.getComputedStyle(gridThreeColumnsMultiple, '').getPropertyValue('gri
d-template-columns') is "(a b c) 200px (d e) 150px 100px" | 18 PASS window.getComputedStyle(gridThreeColumnsMultiple, '').getPropertyValue('gri
d-template-columns') is "[a b c] 200px [d e] 150px 100px" |
19 PASS window.getComputedStyle(gridThreeColumnsMultiple, '').getPropertyValue('gri
d-template-rows') is "(x y z) 50px (v w) 50px" | 19 PASS window.getComputedStyle(gridThreeColumnsMultiple, '').getPropertyValue('gri
d-template-rows') is "[x y z] 50px [v w] 50px" |
20 PASS window.getComputedStyle(gridFourColumnsMultiple, '').getPropertyValue('grid
-template-columns') is "(a b c) 200px (d e) 150px 100px 50px" | 20 PASS window.getComputedStyle(gridFourColumnsMultiple, '').getPropertyValue('grid
-template-columns') is "[a b c] 200px [d e] 150px 100px 50px" |
21 PASS window.getComputedStyle(gridFourColumnsMultiple, '').getPropertyValue('grid
-template-rows') is "(x y z) 50px (v w)" | 21 PASS window.getComputedStyle(gridFourColumnsMultiple, '').getPropertyValue('grid
-template-rows') is "[x y z] 50px [v w]" |
22 PASS successfullyParsed is true | 22 PASS successfullyParsed is true |
23 | 23 |
24 TEST COMPLETE | 24 TEST COMPLETE |
25 XXXX | 25 XXXX |
26 XXX | 26 XXX |
27 XX | 27 XX |
28 X | 28 X |
29 XXXX | 29 XXXX |
30 XXX | 30 XXX |
31 XX | 31 XX |
(...skipping 15 matching lines...) Expand all Loading... |
47 XX | 47 XX |
48 X | 48 X |
49 XXXX | 49 XXXX |
50 XXX | 50 XXX |
51 XX | 51 XX |
52 X | 52 X |
53 XXXX | 53 XXXX |
54 XXX | 54 XXX |
55 XX | 55 XX |
56 X | 56 X |
OLD | NEW |