OLD | NEW |
(Empty) | |
| 1 Test that computed style for grid-template-columns and grid-template-rows works
as expected with content alignment and gaps. |
| 2 |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 4 |
| 5 |
| 6 PASS window.getComputedStyle(gridContentStart, '').getPropertyValue('grid-templa
te-columns') is "300px 200px 100px" |
| 7 PASS window.getComputedStyle(gridContentStart, '').getPropertyValue('grid-templa
te-rows') is "150px 100px 50px" |
| 8 PASS window.getComputedStyle(gridContentCenter, '').getPropertyValue('grid-templ
ate-columns') is "300px 200px 100px" |
| 9 PASS window.getComputedStyle(gridContentCenter, '').getPropertyValue('grid-templ
ate-rows') is "150px 100px 50px" |
| 10 PASS window.getComputedStyle(gridContentEnd, '').getPropertyValue('grid-template
-columns') is "300px 200px 100px" |
| 11 PASS window.getComputedStyle(gridContentEnd, '').getPropertyValue('grid-template
-rows') is "150px 100px 50px" |
| 12 PASS window.getComputedStyle(gridContentSpaceBetween, '').getPropertyValue('grid
-template-columns') is "300px 200px 100px" |
| 13 PASS window.getComputedStyle(gridContentSpaceBetween, '').getPropertyValue('grid
-template-rows') is "150px 100px 50px" |
| 14 PASS window.getComputedStyle(gridContentSpaceAround, '').getPropertyValue('grid-
template-columns') is "300px 200px 100px" |
| 15 PASS window.getComputedStyle(gridContentSpaceAround, '').getPropertyValue('grid-
template-rows') is "150px 100px 50px" |
| 16 PASS window.getComputedStyle(gridContentSpaceEvenly, '').getPropertyValue('grid-
template-columns') is "300px 200px 100px" |
| 17 PASS window.getComputedStyle(gridContentSpaceEvenly, '').getPropertyValue('grid-
template-rows') is "150px 100px 50px" |
| 18 PASS window.getComputedStyle(gridContentStretch, '').getPropertyValue('grid-temp
late-columns') is "300px 200px 100px" |
| 19 PASS window.getComputedStyle(gridContentStretch, '').getPropertyValue('grid-temp
late-rows') is "150px 100px 50px" |
| 20 PASS window.getComputedStyle(gridGapsContentStart, '').getPropertyValue('grid-te
mplate-columns') is "300px 200px 100px" |
| 21 PASS window.getComputedStyle(gridGapsContentStart, '').getPropertyValue('grid-te
mplate-rows') is "150px 100px 50px" |
| 22 PASS window.getComputedStyle(gridGapsContentCenter, '').getPropertyValue('grid-t
emplate-columns') is "300px 200px 100px" |
| 23 PASS window.getComputedStyle(gridGapsContentCenter, '').getPropertyValue('grid-t
emplate-rows') is "150px 100px 50px" |
| 24 PASS window.getComputedStyle(gridGapsContentEnd, '').getPropertyValue('grid-temp
late-columns') is "300px 200px 100px" |
| 25 PASS window.getComputedStyle(gridGapsContentEnd, '').getPropertyValue('grid-temp
late-rows') is "150px 100px 50px" |
| 26 PASS window.getComputedStyle(gridGapsContentSpaceBetween, '').getPropertyValue('
grid-template-columns') is "300px 200px 100px" |
| 27 PASS window.getComputedStyle(gridGapsContentSpaceBetween, '').getPropertyValue('
grid-template-rows') is "150px 100px 50px" |
| 28 PASS window.getComputedStyle(gridGapsContentSpaceAround, '').getPropertyValue('g
rid-template-columns') is "300px 200px 100px" |
| 29 PASS window.getComputedStyle(gridGapsContentSpaceAround, '').getPropertyValue('g
rid-template-rows') is "150px 100px 50px" |
| 30 PASS window.getComputedStyle(gridGapsContentSpaceEvenly, '').getPropertyValue('g
rid-template-columns') is "300px 200px 100px" |
| 31 PASS window.getComputedStyle(gridGapsContentSpaceEvenly, '').getPropertyValue('g
rid-template-rows') is "150px 100px 50px" |
| 32 PASS window.getComputedStyle(gridGapsContentStretch, '').getPropertyValue('grid-
template-columns') is "300px 200px 100px" |
| 33 PASS window.getComputedStyle(gridGapsContentStretch, '').getPropertyValue('grid-
template-rows') is "150px 100px 50px" |
| 34 PASS successfullyParsed is true |
| 35 |
| 36 TEST COMPLETE |
| 37 |
OLD | NEW |