OLD | NEW |
1 Test that setting and getting grid-column and grid-row works as expected | 1 Test that setting and getting grid-column and grid-row 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 -webkit-grid-column and -webkit-grid-row set through CSS | 6 Test getting -webkit-grid-column and -webkit-grid-row set through CSS |
7 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column') i
s 'auto / auto' | 7 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column') i
s 'auto / auto' |
8 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-start') is
'auto' | 8 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-start') is
'auto' |
9 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-end') is '
auto' | 9 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-end') is '
auto' |
10 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row') is '
auto / auto' | 10 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row') is '
auto / auto' |
(...skipping 22 matching lines...) Expand all Loading... |
33 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit
-grid-end') is '15' | 33 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit
-grid-end') is '15' |
34 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit
-grid-row') is '5 / 5' | 34 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit
-grid-row') is '5 / 5' |
35 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit
-grid-before') is '5' | 35 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit
-grid-before') is '5' |
36 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit
-grid-after') is '5' | 36 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit
-grid-after') is '5' |
37 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('-webkit-grid-column') is '10 / -10' | 37 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('-webkit-grid-column') is '10 / -10' |
38 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('-webkit-grid-start') is '10' | 38 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('-webkit-grid-start') is '10' |
39 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('-webkit-grid-end') is '-10' | 39 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('-webkit-grid-end') is '-10' |
40 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('-webkit-grid-row') is '-8 / 5' | 40 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('-webkit-grid-row') is '-8 / 5' |
41 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('-webkit-grid-before') is '-8' | 41 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('-webkit-grid-before') is '-8' |
42 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('-webkit-grid-after') is '5' | 42 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropert
yValue('-webkit-grid-after') is '5' |
| 43 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webk
it-grid-column') is 'span 2 / 4' |
| 44 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webk
it-grid-start') is 'span 2' |
| 45 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webk
it-grid-end') is '4' |
| 46 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webk
it-grid-row') is '3 / span 5' |
| 47 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webk
it-grid-before') is '3' |
| 48 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webk
it-grid-after') is 'span 5' |
| 49 PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webki
t-grid-column') is 'span 2 / 4' |
| 50 PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webki
t-grid-start') is 'span 2' |
| 51 PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webki
t-grid-end') is '4' |
| 52 PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webki
t-grid-row') is '3 / span 5' |
| 53 PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webki
t-grid-before') is '3' |
| 54 PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webki
t-grid-after') is 'span 5' |
| 55 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webki
t-grid-column') is 'auto / auto' |
| 56 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webki
t-grid-start') is 'auto' |
| 57 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webki
t-grid-end') is 'auto' |
| 58 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webki
t-grid-row') is 'auto / auto' |
| 59 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webki
t-grid-before') is 'auto' |
| 60 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webki
t-grid-after') is 'auto' |
43 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-gr
id-column') is 'auto / auto' | 61 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-gr
id-column') is 'auto / auto' |
44 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-gr
id-start') is 'auto' | 62 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-gr
id-start') is 'auto' |
45 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-gr
id-end') is 'auto' | 63 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-gr
id-end') is 'auto' |
46 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-gr
id-row') is 'auto / auto' | 64 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-gr
id-row') is 'auto / auto' |
47 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-gr
id-before') is 'auto' | 65 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-gr
id-before') is 'auto' |
48 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-gr
id-after') is 'auto' | 66 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-gr
id-after') is 'auto' |
49 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('-webkit-grid-column') is '10 / 11' | 67 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('-webkit-grid-column') is '10 / 11' |
50 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('-webkit-grid-start') is '10' | 68 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('-webkit-grid-start') is '10' |
51 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('-webkit-grid-end') is '11' | 69 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('-webkit-grid-end') is '11' |
52 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('-webkit-grid-row') is '4 / 5' | 70 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue
('-webkit-grid-row') is '4 / 5' |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
85 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is 'auto
' | 103 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is 'auto
' |
86 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' | 104 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' |
87 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' | 105 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' |
88 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'au
to' | 106 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'au
to' |
89 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '1
0 / 55' | 107 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '1
0 / 55' |
90 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is '10
' | 108 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is '10
' |
91 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is '55' | 109 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is '55' |
92 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '1 /
10' | 110 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '1 /
10' |
93 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '1
' | 111 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '1
' |
94 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is '10
' | 112 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is '10
' |
| 113 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 's
pan 5 / 5' |
| 114 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'sp
an 5' |
| 115 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is '5' |
| 116 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '4 /
span 4' |
| 117 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '4
' |
| 118 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'sp
an 4' |
95 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '-
5 / 5' | 119 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '-
5 / 5' |
96 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is '-5
' | 120 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is '-5
' |
97 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is '5' | 121 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is '5' |
98 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '4 /
-4' | 122 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '4 /
-4' |
99 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '4
' | 123 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '4
' |
100 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is '-4
' | 124 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is '-4
' |
101 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '4
/ auto' | 125 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '4
/ auto' |
102 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is '4' | 126 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is '4' |
103 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is 'auto
' | 127 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is 'auto
' |
104 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '5 /
auto' | 128 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '5 /
auto' |
105 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '5
' | 129 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '5
' |
106 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'au
to' | 130 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'au
to' |
107 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / 5' | 131 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / 5' |
108 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' | 132 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' |
109 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is '5' | 133 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is '5' |
110 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ 8' | 134 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ 8' |
111 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' | 135 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' |
112 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is '8' | 136 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is '8' |
| 137 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 's
pan 1 / 3' |
| 138 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'sp
an 1' |
| 139 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is '3' |
| 140 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '5 /
span 1' |
| 141 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '5
' |
| 142 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'sp
an 1' |
113 | 143 |
114 Test setting grid-column and grid-row back to 'auto' through JS | 144 Test setting grid-column and grid-row back to 'auto' through JS |
115 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '1
8 / 19' | 145 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '1
8 / 19' |
116 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is '18
' | 146 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is '18
' |
117 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is '19' | 147 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is '19' |
118 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '66 /
68' | 148 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '66 /
68' |
119 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '6
6' | 149 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '6
6' |
120 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is '68
' | 150 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is '68
' |
121 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / auto' | 151 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / auto' |
122 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' | 152 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' |
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
167 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is 'auto
' | 197 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is 'auto
' |
168 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' | 198 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' |
169 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' | 199 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' |
170 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'au
to' | 200 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'au
to' |
171 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / auto' | 201 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / auto' |
172 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' | 202 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' |
173 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is 'auto
' | 203 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is 'auto
' |
174 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' | 204 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' |
175 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' | 205 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' |
176 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'au
to' | 206 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'au
to' |
| 207 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / auto' |
| 208 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' |
| 209 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is 'auto
' |
| 210 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' |
| 211 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' |
| 212 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'au
to' |
| 213 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / auto' |
| 214 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' |
| 215 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is 'auto
' |
| 216 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' |
| 217 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' |
| 218 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'au
to' |
| 219 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / auto' |
| 220 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' |
| 221 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is 'auto
' |
| 222 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' |
| 223 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' |
| 224 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'au
to' |
| 225 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / auto' |
| 226 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' |
| 227 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is 'auto
' |
| 228 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' |
| 229 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' |
| 230 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-after') is 'au
to' |
177 PASS successfullyParsed is true | 231 PASS successfullyParsed is true |
178 | 232 |
179 TEST COMPLETE | 233 TEST COMPLETE |
180 | 234 |
OLD | NEW |