| 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 |