OLD | NEW |
1 Test that setting and getting grid-column-gap and grid-row-gap works as expected | 1 Test that setting and getting grid-column-gap and grid-row-gap works as expected |
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 Test getting grid-column-gap and grid-row-gap set through CSS | 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" | 7 PASS window.getComputedStyle(defaultGrid, '').getPropertyValue('grid-row-gap') i
s "0px" |
8 PASS window.getComputedStyle(defaultGrid, '').getPropertyValue('grid-column-gap'
) is "0px" | 8 PASS window.getComputedStyle(defaultGrid, '').getPropertyValue('grid-column-gap'
) is "0px" |
9 PASS window.getComputedStyle(gridGap, '').getPropertyValue('grid-row-gap') is "2
0px" | 9 PASS window.getComputedStyle(gridGap, '').getPropertyValue('grid-row-gap') is "2
0px" |
10 PASS window.getComputedStyle(gridGap, '').getPropertyValue('grid-column-gap') is
"15px" | 10 PASS window.getComputedStyle(gridGap, '').getPropertyValue('grid-column-gap') is
"15px" |
| 11 PASS window.getComputedStyle(gridPercentGap, '').getPropertyValue('grid-row-gap'
) is "10%" |
| 12 PASS window.getComputedStyle(gridPercentGap, '').getPropertyValue('grid-column-g
ap') is "15%" |
11 PASS window.getComputedStyle(gridSimpleGap, '').getPropertyValue('grid-row-gap')
is "25px" | 13 PASS window.getComputedStyle(gridSimpleGap, '').getPropertyValue('grid-row-gap')
is "25px" |
12 PASS window.getComputedStyle(gridSimpleGap, '').getPropertyValue('grid-column-ga
p') is "25px" | 14 PASS window.getComputedStyle(gridSimpleGap, '').getPropertyValue('grid-column-ga
p') is "25px" |
| 15 PASS window.getComputedStyle(gridSimplePercentGap, '').getPropertyValue('grid-ro
w-gap') is "10%" |
| 16 PASS window.getComputedStyle(gridSimplePercentGap, '').getPropertyValue('grid-co
lumn-gap') is "10%" |
13 PASS window.getComputedStyle(gridColumnGap, '').getPropertyValue('grid-row-gap')
is "0px" | 17 PASS window.getComputedStyle(gridColumnGap, '').getPropertyValue('grid-row-gap')
is "0px" |
14 PASS window.getComputedStyle(gridColumnGap, '').getPropertyValue('grid-column-ga
p') is "16px" | 18 PASS window.getComputedStyle(gridColumnGap, '').getPropertyValue('grid-column-ga
p') is "16px" |
15 PASS window.getComputedStyle(gridRowGap, '').getPropertyValue('grid-row-gap') is
"32px" | 19 PASS window.getComputedStyle(gridRowGap, '').getPropertyValue('grid-row-gap') is
"32px" |
16 PASS window.getComputedStyle(gridRowGap, '').getPropertyValue('grid-column-gap')
is "0px" | 20 PASS window.getComputedStyle(gridRowGap, '').getPropertyValue('grid-column-gap')
is "0px" |
17 PASS window.getComputedStyle(gridCalcGaps, '').getPropertyValue('grid-row-gap')
is "13px" | 21 PASS window.getComputedStyle(gridCalcGaps, '').getPropertyValue('grid-row-gap')
is "13px" |
18 PASS window.getComputedStyle(gridCalcGaps, '').getPropertyValue('grid-column-gap
') is "10px" | 22 PASS window.getComputedStyle(gridCalcGaps, '').getPropertyValue('grid-column-gap
') is "10px" |
19 PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-row-g
ap') is "12px" | 23 PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-row-g
ap') is "12px" |
20 PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-colum
n-gap') is "16px" | 24 PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-colum
n-gap') is "16px" |
21 PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-row-g
ap') is "12px" | 25 PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-row-g
ap') is "12px" |
22 PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-colum
n-gap') is "16px" | 26 PASS window.getComputedStyle(gridRowColumnGaps, '').getPropertyValue('grid-colum
n-gap') is "16px" |
| 27 PASS window.getComputedStyle(gridRowColumnPercentGaps, '').getPropertyValue('gri
d-row-gap') is "10%" |
| 28 PASS window.getComputedStyle(gridRowColumnPercentGaps, '').getPropertyValue('gri
d-column-gap') is "15%" |
23 PASS window.getComputedStyle(gridRowColumnInheritGaps, '').getPropertyValue('gri
d-row-gap') is "25px" | 29 PASS window.getComputedStyle(gridRowColumnInheritGaps, '').getPropertyValue('gri
d-row-gap') is "25px" |
24 PASS window.getComputedStyle(gridRowColumnInheritGaps, '').getPropertyValue('gri
d-column-gap') is "25px" | 30 PASS window.getComputedStyle(gridRowColumnInheritGaps, '').getPropertyValue('gri
d-column-gap') is "25px" |
25 PASS window.getComputedStyle(gridRowColumnInitialGaps, '').getPropertyValue('gri
d-row-gap') is "0px" | 31 PASS window.getComputedStyle(gridRowColumnInitialGaps, '').getPropertyValue('gri
d-row-gap') is "0px" |
26 PASS window.getComputedStyle(gridRowColumnInitialGaps, '').getPropertyValue('gri
d-column-gap') is "0px" | 32 PASS window.getComputedStyle(gridRowColumnInitialGaps, '').getPropertyValue('gri
d-column-gap') is "0px" |
27 | 33 |
28 Test getting wrong values for grid-column-gap and grid-row-gap set through CSS | 34 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" | 35 PASS window.getComputedStyle(gridInvalidRowGap, '').getPropertyValue('grid-row-g
ap') is "0px" |
30 PASS window.getComputedStyle(gridInvalidRowGap, '').getPropertyValue('grid-colum
n-gap') is "0px" | 36 PASS window.getComputedStyle(gridInvalidRowGap, '').getPropertyValue('grid-colum
n-gap') is "0px" |
31 PASS window.getComputedStyle(gridInvalidColumnGap, '').getPropertyValue('grid-ro
w-gap') is "0px" | 37 PASS window.getComputedStyle(gridInvalidColumnGap, '').getPropertyValue('grid-ro
w-gap') is "0px" |
32 PASS window.getComputedStyle(gridInvalidColumnGap, '').getPropertyValue('grid-co
lumn-gap') is "0px" | 38 PASS window.getComputedStyle(gridInvalidColumnGap, '').getPropertyValue('grid-co
lumn-gap') is "0px" |
33 PASS window.getComputedStyle(gridInvalidMultipleRowColumnGaps, '').getPropertyVa
lue('grid-row-gap') is "0px" | 39 PASS window.getComputedStyle(gridInvalidMultipleRowColumnGaps, '').getPropertyVa
lue('grid-row-gap') is "0px" |
34 PASS window.getComputedStyle(gridInvalidMultipleRowColumnGaps, '').getPropertyVa
lue('grid-column-gap') is "0px" | 40 PASS window.getComputedStyle(gridInvalidMultipleRowColumnGaps, '').getPropertyVa
lue('grid-column-gap') is "0px" |
35 PASS window.getComputedStyle(gridInvalidGridGap, '').getPropertyValue('grid-row-
gap') is "0px" | 41 PASS window.getComputedStyle(gridInvalidGridGap, '').getPropertyValue('grid-row-
gap') is "0px" |
36 PASS window.getComputedStyle(gridInvalidGridGap, '').getPropertyValue('grid-colu
mn-gap') is "0px" | 42 PASS window.getComputedStyle(gridInvalidGridGap, '').getPropertyValue('grid-colu
mn-gap') is "0px" |
37 PASS window.getComputedStyle(gridInvalidNoneGap, '').getPropertyValue('grid-row-
gap') is "0px" | 43 PASS window.getComputedStyle(gridInvalidNoneGap, '').getPropertyValue('grid-row-
gap') is "0px" |
38 PASS window.getComputedStyle(gridInvalidNoneGap, '').getPropertyValue('grid-colu
mn-gap') is "0px" | 44 PASS window.getComputedStyle(gridInvalidNoneGap, '').getPropertyValue('grid-colu
mn-gap') is "0px" |
39 PASS window.getComputedStyle(gridInvalidImplicitGridGap, '').getPropertyValue('g
rid-row-gap') is "0px" | 45 PASS window.getComputedStyle(gridInvalidImplicitGridGap, '').getPropertyValue('g
rid-row-gap') is "0px" |
40 PASS window.getComputedStyle(gridInvalidImplicitGridGap, '').getPropertyValue('g
rid-column-gap') is "0px" | 46 PASS window.getComputedStyle(gridInvalidImplicitGridGap, '').getPropertyValue('g
rid-column-gap') is "0px" |
41 PASS window.getComputedStyle(gridInvalidLengthRowColumnGaps, '').getPropertyValu
e('grid-row-gap') is "0px" | 47 PASS window.getComputedStyle(gridInvalidLengthRowColumnGaps, '').getPropertyValu
e('grid-row-gap') is "0px" |
42 PASS window.getComputedStyle(gridInvalidLengthRowColumnGaps, '').getPropertyValu
e('grid-column-gap') is "0px" | 48 PASS window.getComputedStyle(gridInvalidLengthRowColumnGaps, '').getPropertyValu
e('grid-column-gap') is "0px" |
43 PASS successfullyParsed is true | 49 PASS successfullyParsed is true |
44 | 50 |
45 TEST COMPLETE | 51 TEST COMPLETE |
46 | 52 |
OLD | NEW |