| Test that setting and getting grid-column-gap and grid-row-gap works as expected |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| Test getting grid-column-gap and grid-row-gap set through CSS |
| PASS window.getComputedStyle(defaultGrid, '').getPropertyValue('grid-row-gap') is "0px" |
| PASS window.getComputedStyle(defaultGrid, '').getPropertyValue('grid-column-gap') is "0px" |
| PASS window.getComputedStyle(gridGap, '').getPropertyValue('grid-row-gap') is "20px" |
| PASS window.getComputedStyle(gridGap, '').getPropertyValue('grid-column-gap') is "15px" |
| PASS window.getComputedStyle(gridPercentGap, '').getPropertyValue('grid-row-gap') is "10%" |
| PASS window.getComputedStyle(gridPercentGap, '').getPropertyValue('grid-column-gap') is "15%" |
| PASS window.getComputedStyle(gridSimpleGap, '').getPropertyValue('grid-row-gap') is "25px" |
| PASS window.getComputedStyle(gridSimpleGap, '').getPropertyValue('grid-column-gap') is "25px" |
| PASS window.getComputedStyle(gridSimplePercentGap, '').getPropertyValue('grid-row-gap') is "10%" |
| PASS window.getComputedStyle(gridSimplePercentGap, '').getPropertyValue('grid-column-gap') is "10%" |
| PASS window.getComputedStyle(gridColumnGap, '').getPropertyValue('grid-row-gap') is "0px" |
| PASS window.getComputedStyle(gridColumnGap, '').getPropertyValue('grid-column-gap') is "16px" |
| PASS window.getComputedStyle(gridRowGap, '').getPropertyValue('grid-row-gap') is "32px" |
| PASS window.getComputedStyle(gridRowGap, '').getPropertyValue('grid-column-gap') is "0px" |
| PASS window.getComputedStyle(gridCalcGaps, '').getPropertyValue('grid-row-gap') is "13px" |
| PASS window.getComputedStyle(gridCalcGaps, '').getPropertyValue('grid-column-gap') is "10px" |
| PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-row-gap') is "12px" |
| PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-column-gap') is "16px" |
| PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-row-gap') is "12px" |
| PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-column-gap') is "16px" |
| PASS window.getComputedStyle(gridRowColumnPercentGaps, '').getPropertyValue('grid-row-gap') is "10%" |
| PASS window.getComputedStyle(gridRowColumnPercentGaps, '').getPropertyValue('grid-column-gap') is "15%" |
| PASS window.getComputedStyle(gridRowColumnInheritGaps, '').getPropertyValue('grid-row-gap') is "25px" |
| PASS window.getComputedStyle(gridRowColumnInheritGaps, '').getPropertyValue('grid-column-gap') is "25px" |
| PASS window.getComputedStyle(gridRowColumnInitialGaps, '').getPropertyValue('grid-row-gap') is "0px" |
| PASS window.getComputedStyle(gridRowColumnInitialGaps, '').getPropertyValue('grid-column-gap') is "0px" |
| |
| Test getting wrong values for grid-column-gap and grid-row-gap set through CSS |
| PASS window.getComputedStyle(gridInvalidRowGap, '').getPropertyValue('grid-row-gap') is "0px" |
| PASS window.getComputedStyle(gridInvalidRowGap, '').getPropertyValue('grid-column-gap') is "0px" |
| PASS window.getComputedStyle(gridInvalidColumnGap, '').getPropertyValue('grid-row-gap') is "0px" |
| PASS window.getComputedStyle(gridInvalidColumnGap, '').getPropertyValue('grid-column-gap') is "0px" |
| PASS window.getComputedStyle(gridInvalidMultipleRowColumnGaps, '').getPropertyValue('grid-row-gap') is "0px" |
| PASS window.getComputedStyle(gridInvalidMultipleRowColumnGaps, '').getPropertyValue('grid-column-gap') is "0px" |
| PASS window.getComputedStyle(gridInvalidGridGap, '').getPropertyValue('grid-row-gap') is "0px" |
| PASS window.getComputedStyle(gridInvalidGridGap, '').getPropertyValue('grid-column-gap') is "0px" |
| PASS window.getComputedStyle(gridInvalidNoneGap, '').getPropertyValue('grid-row-gap') is "0px" |
| PASS window.getComputedStyle(gridInvalidNoneGap, '').getPropertyValue('grid-column-gap') is "0px" |
| PASS window.getComputedStyle(gridInvalidImplicitGridGap, '').getPropertyValue('grid-row-gap') is "0px" |
| PASS window.getComputedStyle(gridInvalidImplicitGridGap, '').getPropertyValue('grid-column-gap') is "0px" |
| PASS window.getComputedStyle(gridInvalidLengthRowColumnGaps, '').getPropertyValue('grid-row-gap') is "0px" |
| PASS window.getComputedStyle(gridInvalidLengthRowColumnGaps, '').getPropertyValue('grid-column-gap') is "0px" |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
