OLD | NEW |
(Empty) | |
| 1 Test that setting and getting grid-column-gap and grid-row-gap works as expected |
| 2 |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 4 |
| 5 |
| 6 Test getting grid-column-gap and grid-row-gap set through CSS |
| 7 PASS window.getComputedStyle(defaultGrid, '').getPropertyValue('grid-row-gap') i
s "0px" |
| 8 PASS window.getComputedStyle(defaultGrid, '').getPropertyValue('grid-column-gap'
) is "0px" |
| 9 PASS window.getComputedStyle(normalGap, '').getPropertyValue('grid-row-gap') is
"0px" |
| 10 PASS window.getComputedStyle(normalGap, '').getPropertyValue('grid-column-gap')
is "0px" |
| 11 PASS window.getComputedStyle(gridGap, '').getPropertyValue('grid-row-gap') is "2
5px" |
| 12 PASS window.getComputedStyle(gridGap, '').getPropertyValue('grid-column-gap') is
"25px" |
| 13 PASS window.getComputedStyle(gridColumnGap, '').getPropertyValue('grid-row-gap')
is "0px" |
| 14 PASS window.getComputedStyle(gridColumnGap, '').getPropertyValue('grid-column-ga
p') is "16px" |
| 15 PASS window.getComputedStyle(gridRowGap, '').getPropertyValue('grid-row-gap') is
"32px" |
| 16 PASS window.getComputedStyle(gridRowGap, '').getPropertyValue('grid-column-gap')
is "0px" |
| 17 PASS window.getComputedStyle(gridCalcGaps, '').getPropertyValue('grid-row-gap')
is "13px" |
| 18 PASS window.getComputedStyle(gridCalcGaps, '').getPropertyValue('grid-column-gap
') is "10px" |
| 19 PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-row-g
ap') is "12px" |
| 20 PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-colum
n-gap') is "16px" |
| 21 PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-row-g
ap') is "12px" |
| 22 PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-colum
n-gap') is "16px" |
| 23 PASS window.getComputedStyle(gridRowColumnInheritGaps, '').getPropertyValue('gri
d-row-gap') is "25px" |
| 24 PASS window.getComputedStyle(gridRowColumnInheritGaps, '').getPropertyValue('gri
d-column-gap') is "25px" |
| 25 PASS window.getComputedStyle(gridRowColumnInitialGaps, '').getPropertyValue('gri
d-row-gap') is "0px" |
| 26 PASS window.getComputedStyle(gridRowColumnInitialGaps, '').getPropertyValue('gri
d-column-gap') is "0px" |
| 27 |
| 28 Test getting wrong values for grid-column-gap and grid-row-gap set through CSS |
| 29 PASS window.getComputedStyle(gridInvalidRowGap, '').getPropertyValue('grid-row-g
ap') is "0px" |
| 30 PASS window.getComputedStyle(gridInvalidRowGap, '').getPropertyValue('grid-colum
n-gap') is "0px" |
| 31 PASS window.getComputedStyle(gridInvalidColumnGap, '').getPropertyValue('grid-ro
w-gap') is "0px" |
| 32 PASS window.getComputedStyle(gridInvalidColumnGap, '').getPropertyValue('grid-co
lumn-gap') is "0px" |
| 33 PASS window.getComputedStyle(gridInvalidMultipleRowColumnGaps, '').getPropertyVa
lue('grid-row-gap') is "0px" |
| 34 PASS window.getComputedStyle(gridInvalidMultipleRowColumnGaps, '').getPropertyVa
lue('grid-column-gap') is "0px" |
| 35 PASS window.getComputedStyle(gridInvalidGridGap, '').getPropertyValue('grid-row-
gap') is "0px" |
| 36 PASS window.getComputedStyle(gridInvalidGridGap, '').getPropertyValue('grid-colu
mn-gap') is "0px" |
| 37 PASS window.getComputedStyle(gridInvalidNoneGap, '').getPropertyValue('grid-row-
gap') is "0px" |
| 38 PASS window.getComputedStyle(gridInvalidNoneGap, '').getPropertyValue('grid-colu
mn-gap') is "0px" |
| 39 PASS window.getComputedStyle(gridInvalidImplicitGridGap, '').getPropertyValue('g
rid-row-gap') is "0px" |
| 40 PASS window.getComputedStyle(gridInvalidImplicitGridGap, '').getPropertyValue('g
rid-column-gap') is "0px" |
| 41 PASS window.getComputedStyle(gridInvalidLengthRowColumnGaps, '').getPropertyValu
e('grid-row-gap') is "0px" |
| 42 PASS window.getComputedStyle(gridInvalidLengthRowColumnGaps, '').getPropertyValu
e('grid-column-gap') is "0px" |
| 43 PASS successfullyParsed is true |
| 44 |
| 45 TEST COMPLETE |
| 46 |
OLD | NEW |