| 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(gridItemWith2BeforeSpanElement, '').getPropertyValue('-web
kit-grid-column') is 'span 2 / span 4' |
| 44 PASS getComputedStyle(gridItemWith2BeforeSpanElement, '').getPropertyValue('-web
kit-grid-start') is 'span 2' |
| 45 PASS getComputedStyle(gridItemWith2BeforeSpanElement, '').getPropertyValue('-web
kit-grid-end') is 'span 4' |
| 46 PASS getComputedStyle(gridItemWith2BeforeSpanElement, '').getPropertyValue('-web
kit-grid-row') is 'span 5 / span 3' |
| 47 PASS getComputedStyle(gridItemWith2BeforeSpanElement, '').getPropertyValue('-web
kit-grid-before') is 'span 5' |
| 48 PASS getComputedStyle(gridItemWith2BeforeSpanElement, '').getPropertyValue('-web
kit-grid-after') is 'span 3' |
| 49 PASS getComputedStyle(gridItemWith2AfterSpanElement, '').getPropertyValue('-webk
it-grid-column') is 'span 2 / span 4' |
| 50 PASS getComputedStyle(gridItemWith2AfterSpanElement, '').getPropertyValue('-webk
it-grid-start') is 'span 2' |
| 51 PASS getComputedStyle(gridItemWith2AfterSpanElement, '').getPropertyValue('-webk
it-grid-end') is 'span 4' |
| 52 PASS getComputedStyle(gridItemWith2AfterSpanElement, '').getPropertyValue('-webk
it-grid-row') is 'span 5 / span 3' |
| 53 PASS getComputedStyle(gridItemWith2AfterSpanElement, '').getPropertyValue('-webk
it-grid-before') is 'span 5' |
| 54 PASS getComputedStyle(gridItemWith2AfterSpanElement, '').getPropertyValue('-webk
it-grid-after') is 'span 3' |
| 55 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webki
t-grid-column') is 'span 1 / span 1' |
| 56 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webki
t-grid-start') is 'span 1' |
| 57 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webki
t-grid-end') is 'span 1' |
| 58 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webki
t-grid-row') is 'span 1 / span 1' |
| 59 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webki
t-grid-before') is 'span 1' |
| 60 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webki
t-grid-after') is 'span 1' |
| 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 / span 1' |
| 138 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'sp
an 1' |
| 139 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-end') is 'span
1' |
| 140 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'span
1 / span 1' |
| 141 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 's
pan 1' |
| 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' |
| 177 PASS successfullyParsed is true | 225 PASS successfullyParsed is true |
| 178 | 226 |
| 179 TEST COMPLETE | 227 TEST COMPLETE |
| 180 | 228 |
| OLD | NEW |