| OLD | NEW |
| (Empty) | |
| 1 This test checks that the CSS Box Alignment new values work as expected when use
d in align-self property. |
| 2 |
| 3 flexbox and items: horizontal-tb LTR | flex-direction: row | flex-wrap: wrap |
| 4 |
| 5 item1 flex-start |
| 6 item2 flex-end |
| 7 item3 start |
| 8 item4 end |
| 9 item5 self-start |
| 10 item6 self-end |
| 11 item7 left |
| 12 item8 right |
| 13 PASS |
| 14 flexbox and items: horizontal-tb LTR | flex-direction: row-reverse | flex-wrap:
wrap |
| 15 |
| 16 item1 flex-start |
| 17 item2 flex-end |
| 18 item3 start |
| 19 item4 end |
| 20 item5 self-start |
| 21 item6 self-end |
| 22 item7 left |
| 23 item8 right |
| 24 PASS |
| 25 flexbox and items: horizontal-tb LTR | flex-flow: row | flex-wrap: wrap-reverse |
| 26 |
| 27 item1 flex-start |
| 28 item2 flex-end |
| 29 item3 start |
| 30 item4 end |
| 31 item5 self-start |
| 32 item6 self-end |
| 33 item7 left |
| 34 item8 right |
| 35 PASS |
| 36 flexbox and items: horizontal-tb LTR | flex-flow: row-reverse | flex-wrap: wrap-
reverse |
| 37 |
| 38 item1 flex-start |
| 39 item2 flex-end |
| 40 item3 start |
| 41 item4 end |
| 42 item5 self-start |
| 43 item6 self-end |
| 44 item7 left |
| 45 item8 right |
| 46 PASS |
| 47 flexbox and items: horizontal-tb LTR | flex-direction: column | flex-wrap: wrap |
| 48 |
| 49 item1 flex-start |
| 50 item2 flex-end |
| 51 item3 start |
| 52 item4 end |
| 53 item5 self-start |
| 54 item6 self-end |
| 55 item7 left |
| 56 item8 right |
| 57 PASS |
| 58 flexbox and items: horizontal-tb LTR | flex-direction: column | flex-wrap: wrap-
reverse |
| 59 |
| 60 item1 flex-start |
| 61 item2 flex-end |
| 62 item3 start |
| 63 item4 end |
| 64 item5 self-start |
| 65 item6 self-end |
| 66 item7 left |
| 67 item8 right |
| 68 PASS |
| 69 flexbox and items: horizontal-tb LTR | flex-direction: column-reverse | flex-wra
p: wrap |
| 70 |
| 71 item1 flex-start |
| 72 item2 flex-end |
| 73 item3 start |
| 74 item4 end |
| 75 item5 self-start |
| 76 item6 self-end |
| 77 item7 left |
| 78 item8 right |
| 79 PASS |
| 80 flexbox and items: horizontal-tb LTR | flex-direction: column-reverse | flex-wra
p: wrap-reverse |
| 81 |
| 82 item1 flex-start |
| 83 item2 flex-end |
| 84 item3 start |
| 85 item4 end |
| 86 item5 self-start |
| 87 item6 self-end |
| 88 item7 left |
| 89 item8 right |
| 90 PASS |
| 91 flexbox and items: horizontal-tb RTL | flex-direction: row | flex-wrap: wrap |
| 92 |
| 93 item1 flex-start |
| 94 item2 flex-end |
| 95 item3 start |
| 96 item4 end |
| 97 item5 self-start |
| 98 item6 self-end |
| 99 item7 left |
| 100 item8 right |
| 101 PASS |
| 102 flexbox and items: horizontal-tb RTL | flex-direction: row-reverse | flex-wrap:
wrap |
| 103 |
| 104 item1 flex-start |
| 105 item2 flex-end |
| 106 item3 start |
| 107 item4 end |
| 108 item5 self-start |
| 109 item6 self-end |
| 110 item7 left |
| 111 item8 right |
| 112 PASS |
| 113 flexbox and items: horizontal-tb RTL | flex-flow: row | flex-wrap: wrap-reverse |
| 114 |
| 115 item1 flex-start |
| 116 item2 flex-end |
| 117 item3 start |
| 118 item4 end |
| 119 item5 self-start |
| 120 item6 self-end |
| 121 item7 left |
| 122 item8 right |
| 123 PASS |
| 124 flexbox and items: horizontal-tb RTL | flex-direction: row-reverse | flex-wrap:
wrap-reverse |
| 125 |
| 126 item1 flex-start |
| 127 item2 flex-end |
| 128 item3 start |
| 129 item4 end |
| 130 item5 self-start |
| 131 item6 self-end |
| 132 item7 left |
| 133 item8 right |
| 134 PASS |
| 135 flexbox and items: horizontal-tb RTL | flex-direction: column | flex-wrap: wrap |
| 136 |
| 137 item1 flex-start |
| 138 item2 flex-end |
| 139 item3 start |
| 140 item4 end |
| 141 item5 self-start |
| 142 item6 self-end |
| 143 item7 left |
| 144 item8 right |
| 145 PASS |
| 146 flexbox and items: horizontal-tb RTL | flex-direction: column | flex-wrap: wrap-
reverse |
| 147 |
| 148 item1 flex-start |
| 149 item2 flex-end |
| 150 item3 start |
| 151 item4 end |
| 152 item5 self-start |
| 153 item6 self-end |
| 154 item7 left |
| 155 item8 right |
| 156 PASS |
| 157 flexbox and items: horizontal-tb RTL | flex-direction: column-reverse | flex-wra
p: wrap |
| 158 |
| 159 item1 flex-start |
| 160 item2 flex-end |
| 161 item3 start |
| 162 item4 end |
| 163 item5 self-start |
| 164 item6 self-end |
| 165 item7 left |
| 166 item8 right |
| 167 PASS |
| 168 flexbox and items: horizontal-tb RTL | flex-direction: column-reverse | flex-wra
p: wrap-reverse |
| 169 |
| 170 item1 flex-start |
| 171 item2 flex-end |
| 172 item3 start |
| 173 item4 end |
| 174 item5 self-start |
| 175 item6 self-end |
| 176 item7 left |
| 177 item8 right |
| 178 PASS |
| 179 flexbox: horizontal-tb LTR | items: vertical-lr LTR | flex-direction: row | flex
-wrap: wrap |
| 180 |
| 181 item1 flex-start |
| 182 item2 flex-end |
| 183 item3 start |
| 184 item4 end |
| 185 item5 self-start |
| 186 item6 self-end |
| 187 item7 left |
| 188 item8 right |
| 189 PASS |
| 190 flexbox: horizontal-tb LTR | items: vertical-lr LTR | flex-direction: row-revers
e | flex-wrap: wrap |
| 191 |
| 192 item1 flex-start |
| 193 item2 flex-end |
| 194 item3 start |
| 195 item4 end |
| 196 item5 self-start |
| 197 item6 self-end |
| 198 item7 left |
| 199 item8 right |
| 200 PASS |
| 201 flexbox: horizontal-tb LTR | items: vertical-lr LTR | flex-direction: row | flex
-wrap: wrap-reverse |
| 202 |
| 203 item1 flex-start |
| 204 item2 flex-end |
| 205 item3 start |
| 206 item4 end |
| 207 item5 self-start |
| 208 item6 self-end |
| 209 item7 left |
| 210 item8 right |
| 211 PASS |
| 212 flexbox: horizontal-tb LTR | items: vertical-lr LTR | flex-flow: row-reverse | f
lex-wrap: wrap-reverse |
| 213 |
| 214 item1 flex-start |
| 215 item2 flex-end |
| 216 item3 start |
| 217 item4 end |
| 218 item5 self-start |
| 219 item6 self-end |
| 220 item7 left |
| 221 item8 right |
| 222 PASS |
| 223 flexbox: horizontal-tb LTR | items: vertical-lr LTR | flex-direction: column | f
lex-wrap: wrap |
| 224 |
| 225 item1 flex-start |
| 226 item2 flex-end |
| 227 item3 start |
| 228 item4 end |
| 229 item5 self-start |
| 230 item6 self-end |
| 231 item7 left |
| 232 item8 right |
| 233 PASS |
| 234 flexbox: horizontal-tb LTR | items: vertical-lr LTR | flex-direction: column | f
lex-wrap: wrap-reverse |
| 235 |
| 236 item1 flex-start |
| 237 item2 flex-end |
| 238 item3 start |
| 239 item4 end |
| 240 item5 self-start |
| 241 item6 self-end |
| 242 item7 left |
| 243 item8 right |
| 244 PASS |
| 245 flexbox: horizontal-tb LTR | items: vertical-lr LTR | flex-direction: column-rev
erse | flex-wrap: wrap |
| 246 |
| 247 item1 flex-start |
| 248 item2 flex-end |
| 249 item3 start |
| 250 item4 end |
| 251 item5 self-start |
| 252 item6 self-end |
| 253 item7 left |
| 254 item8 right |
| 255 PASS |
| 256 flexbox: horizontal-tb LTR | items: vertical-lr LTR | flex-direction: column-rev
erse | flex-wrap: wrap-reverse |
| 257 |
| 258 item1 flex-start |
| 259 item2 flex-end |
| 260 item3 start |
| 261 item4 end |
| 262 item5 self-start |
| 263 item6 self-end |
| 264 item7 left |
| 265 item8 right |
| 266 PASS |
| 267 flexbox: horizontal-tb LTR | items: vertical-rl LTR | flex-direction: row | flex
-wrap: wrap |
| 268 |
| 269 item1 flex-start |
| 270 item2 flex-end |
| 271 item3 start |
| 272 item4 end |
| 273 item5 self-start |
| 274 item6 self-end |
| 275 item7 left |
| 276 item8 right |
| 277 PASS |
| 278 flexbox: horizontal-tb LTR | items: vertical-rl LTR | flex-direction: row-revers
e | flex-wrap: wrap |
| 279 |
| 280 item1 flex-start |
| 281 item2 flex-end |
| 282 item3 start |
| 283 item4 end |
| 284 item5 self-start |
| 285 item6 self-end |
| 286 item7 left |
| 287 item8 right |
| 288 PASS |
| 289 flexbox: horizontal-tb LTR | items: vertical-rl LTR | flex-direction: row | flex
-wrap: wrap-reverse |
| 290 |
| 291 item1 flex-start |
| 292 item2 flex-end |
| 293 item3 start |
| 294 item4 end |
| 295 item5 self-start |
| 296 item6 self-end |
| 297 item7 left |
| 298 item8 right |
| 299 PASS |
| 300 flexbox: horizontal-tb LTR | items: vertical-rl LTR | flex-flow: row-reverse | f
lex-wrap: wrap-reverse |
| 301 |
| 302 item1 flex-start |
| 303 item2 flex-end |
| 304 item3 start |
| 305 item4 end |
| 306 item5 self-start |
| 307 item6 self-end |
| 308 item7 left |
| 309 item8 right |
| 310 PASS |
| 311 flexbox: horizontal-tb LTR | items: vertical-rl LTR | flex-direction: column | f
lex-wrap: wrap |
| 312 |
| 313 item1 flex-start |
| 314 item2 flex-end |
| 315 item3 start |
| 316 item4 end |
| 317 item5 self-start |
| 318 item6 self-end |
| 319 item7 left |
| 320 item8 right |
| 321 PASS |
| 322 flexbox: horizontal-tb LTR | items: vertical-rl LTR | flex-direction: column | f
lex-wrap: wrap-reverse |
| 323 |
| 324 item1 flex-start |
| 325 item2 flex-end |
| 326 item3 start |
| 327 item4 end |
| 328 item5 self-start |
| 329 item6 self-end |
| 330 item7 left |
| 331 item8 right |
| 332 PASS |
| 333 flexbox: horizontal-tb LTR | items: vertical-rl LTR | flex-direction: column-rev
erse | flex-wrap: wrap |
| 334 |
| 335 item1 flex-start |
| 336 item2 flex-end |
| 337 item3 start |
| 338 item4 end |
| 339 item5 self-start |
| 340 item6 self-end |
| 341 item7 left |
| 342 item8 right |
| 343 PASS |
| 344 flexbox: horizontal-tb LTR | items: vertical-rl LTR | flex-direction: column-rev
erse | flex-wrap: wrap-reverse |
| 345 |
| 346 item1 flex-start |
| 347 item2 flex-end |
| 348 item3 start |
| 349 item4 end |
| 350 item5 self-start |
| 351 item6 self-end |
| 352 item7 left |
| 353 item8 right |
| 354 PASS |
| OLD | NEW |