Status: FAIL | Duration: 23ms | Subtests: 10/48 | Open test on wpt.live | wpt.fyi
Data from commit:
708eb61 WPT runner: support mismatch reftests and multiple rel=match links (#665) (2026-08-09)
| Subtest | Status | Message |
|---|---|---|
| .flexbox 1 | PASS | |
| .flexbox 2 | PASS | |
| .flexbox 3 | PASS | |
| .flexbox 4 | PASS | |
| .flexbox 5 | FAIL | assert_equals: data-offset-x expected 5 got 0 assert_equals: data-offset-x expected 35 got 30 |
| .flexbox 6 | PASS | |
| .flexbox 7 | FAIL | assert_equals: data-offset-x expected 585 got 570 assert_equals: data-offset-x expected 585 got 570 assert_equals: data-offset-x expected 555 got 540 assert_equals: data-offset-x expected 555 got 540 |
| .flexbox 8 | FAIL | assert_equals: data-offset-x expected 0 got 20 assert_equals: data-offset-x expected 0 got 15 assert_equals: data-offset-x expected 30 got 50 assert_equals: data-offset-x expected 30 got 45 |
| .flexbox 9 | PASS | |
| .flexbox 10 | PASS | |
| .flexbox 11 | PASS | |
| .flexbox 12 | PASS | |
| .flexbox 13 | FAIL | assert_equals: data-offset-x expected 5 got 0 assert_equals: data-offset-x expected 35 got 30 |
| .flexbox 14 | PASS | |
| .flexbox 15 | FAIL | assert_equals: data-offset-x expected 585 got 570 assert_equals: data-offset-x expected 585 got 570 assert_equals: data-offset-x expected 555 got 540 assert_equals: data-offset-x expected 555 got 540 |
| .flexbox 16 | FAIL | assert_equals: data-offset-x expected 0 got 20 assert_equals: data-offset-x expected 0 got 15 assert_equals: data-offset-x expected 30 got 50 assert_equals: data-offset-x expected 30 got 45 |
| .flexbox 17 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 43 assert_equals: data-offset-y expected 10 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 86 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 45 got 129 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 45 got 171 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 214 assert_equals: data-offset-y expected 50 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 257 assert_equals: data-offset-y expected 60 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 300 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 343 assert_equals: data-offset-y expected 10 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 386 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 15 got 429 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 15 got 471 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 514 assert_equals: data-offset-y expected 50 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 557 assert_equals: data-offset-y expected 60 got 0 |
| .flexbox 18 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-y expected 0 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 43 assert_equals: data-offset-y expected 10 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 86 assert_equals: data-offset-y expected 20 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 129 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 171 assert_equals: data-offset-y expected 40 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 214 assert_equals: data-offset-y expected 50 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 257 assert_equals: data-offset-y expected 60 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 300 assert_equals: data-offset-y expected 0 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 343 assert_equals: data-offset-y expected 10 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 386 assert_equals: data-offset-y expected 20 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 429 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 471 assert_equals: data-offset-y expected 40 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 514 assert_equals: data-offset-y expected 50 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 557 assert_equals: data-offset-y expected 60 got 70 |
| .flexbox 19 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 557 assert_equals: data-offset-y expected 60 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 514 assert_equals: data-offset-y expected 50 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 471 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 45 got 429 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 45 got 386 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 343 assert_equals: data-offset-y expected 10 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 300 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 257 assert_equals: data-offset-y expected 60 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 214 assert_equals: data-offset-y expected 50 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 171 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 15 got 129 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 15 got 86 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 43 assert_equals: data-offset-y expected 10 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 |
| .flexbox 20 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 557 assert_equals: data-offset-y expected 60 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 514 assert_equals: data-offset-y expected 50 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 471 assert_equals: data-offset-y expected 40 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 429 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 386 assert_equals: data-offset-y expected 20 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 343 assert_equals: data-offset-y expected 10 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 300 assert_equals: data-offset-y expected 0 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 257 assert_equals: data-offset-y expected 60 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 214 assert_equals: data-offset-y expected 50 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 171 assert_equals: data-offset-y expected 40 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 129 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 86 assert_equals: data-offset-y expected 20 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 43 assert_equals: data-offset-y expected 10 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 0 assert_equals: data-offset-y expected 0 got 70 |
| .flexbox 21 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 3 assert_equals: data-offset-y expected 10 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 5 assert_equals: data-offset-y expected 20 got 26 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 0 assert_equals: data-offset-y expected 5 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 20 got 5 assert_equals: data-offset-y expected 5 got 51 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 0 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-y expected 0 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 30 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 3 assert_equals: data-offset-y expected 40 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 5 assert_equals: data-offset-y expected 50 got 116 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 0 assert_equals: data-offset-y expected 35 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 20 got 5 assert_equals: data-offset-y expected 35 got 141 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 30 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-y expected 30 got 167 |
| .flexbox 22 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 50 got 0 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 68 assert_equals: data-offset-y expected 40 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 65 assert_equals: data-offset-y expected 30 got 26 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 70 assert_equals: data-offset-y expected 50 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 70 assert_equals: data-offset-y expected 50 got 51 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 65 assert_equals: data-offset-y expected 30 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 12 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 30 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 20 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 68 assert_equals: data-offset-y expected 10 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 65 assert_equals: data-offset-y expected 0 got 116 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 70 assert_equals: data-offset-y expected 20 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 70 assert_equals: data-offset-y expected 20 got 141 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 65 assert_equals: data-offset-y expected 0 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 12 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 0 got 167 |
| .flexbox 23 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 50 got 0 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 68 assert_equals: data-offset-y expected 40 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 65 assert_equals: data-offset-y expected 30 got 26 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 65 assert_equals: data-offset-y expected 30 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 65 assert_equals: data-offset-y expected 30 got 51 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 65 assert_equals: data-offset-y expected 30 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 30 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 20 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 68 assert_equals: data-offset-y expected 10 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 65 assert_equals: data-offset-y expected 0 got 116 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 65 assert_equals: data-offset-y expected 0 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 65 assert_equals: data-offset-y expected 0 got 141 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 65 assert_equals: data-offset-y expected 0 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 0 got 167 |
| .flexbox 24 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 3 assert_equals: data-offset-y expected 10 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 40 got 5 assert_equals: data-offset-y expected 20 got 26 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 5 assert_equals: data-offset-y expected 15 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 0 assert_equals: data-offset-y expected 15 got 51 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 0 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-y expected 0 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 30 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 3 assert_equals: data-offset-y expected 40 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 40 got 5 assert_equals: data-offset-y expected 50 got 116 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 5 assert_equals: data-offset-y expected 45 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 0 assert_equals: data-offset-y expected 45 got 141 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 30 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-y expected 30 got 167 |
| .flexbox 25 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 557 assert_equals: data-offset-y expected 60 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 514 assert_equals: data-offset-y expected 50 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 471 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 45 got 429 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 45 got 386 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 343 assert_equals: data-offset-y expected 10 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 300 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 257 assert_equals: data-offset-y expected 60 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 214 assert_equals: data-offset-y expected 50 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 171 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 15 got 129 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 15 got 86 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 43 assert_equals: data-offset-y expected 10 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 |
| .flexbox 26 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 557 assert_equals: data-offset-y expected 60 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 514 assert_equals: data-offset-y expected 50 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 471 assert_equals: data-offset-y expected 40 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 429 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 386 assert_equals: data-offset-y expected 20 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 343 assert_equals: data-offset-y expected 10 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 300 assert_equals: data-offset-y expected 0 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 257 assert_equals: data-offset-y expected 60 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 214 assert_equals: data-offset-y expected 50 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 171 assert_equals: data-offset-y expected 40 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 129 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 86 assert_equals: data-offset-y expected 20 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 43 assert_equals: data-offset-y expected 10 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 0 assert_equals: data-offset-y expected 0 got 70 |
| .flexbox 27 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 43 assert_equals: data-offset-y expected 10 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 86 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 45 got 129 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 45 got 171 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 214 assert_equals: data-offset-y expected 50 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 257 assert_equals: data-offset-y expected 60 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 300 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 343 assert_equals: data-offset-y expected 10 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 386 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 15 got 429 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 15 got 471 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 514 assert_equals: data-offset-y expected 50 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 557 assert_equals: data-offset-y expected 60 got 0 |
| .flexbox 28 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-y expected 0 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 43 assert_equals: data-offset-y expected 10 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 86 assert_equals: data-offset-y expected 20 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 129 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 171 assert_equals: data-offset-y expected 40 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 214 assert_equals: data-offset-y expected 50 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 257 assert_equals: data-offset-y expected 60 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 300 assert_equals: data-offset-y expected 0 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 343 assert_equals: data-offset-y expected 10 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 386 assert_equals: data-offset-y expected 20 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 429 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 471 assert_equals: data-offset-y expected 40 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 514 assert_equals: data-offset-y expected 50 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 557 assert_equals: data-offset-y expected 60 got 70 |
| .flexbox 29 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-y expected 0 got 167 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 3 assert_equals: data-offset-y expected 10 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 5 assert_equals: data-offset-y expected 20 got 141 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 0 assert_equals: data-offset-y expected 5 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 40 got 5 assert_equals: data-offset-y expected 5 got 116 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 0 assert_equals: data-offset-y expected 0 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 0 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-y expected 30 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 3 assert_equals: data-offset-y expected 40 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 5 assert_equals: data-offset-y expected 50 got 51 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 0 assert_equals: data-offset-y expected 35 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 40 got 5 assert_equals: data-offset-y expected 35 got 26 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 0 assert_equals: data-offset-y expected 30 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 30 got 0 |
| .flexbox 30 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 50 got 167 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 68 assert_equals: data-offset-y expected 40 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 65 assert_equals: data-offset-y expected 30 got 141 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 30 got 70 assert_equals: data-offset-y expected 50 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 70 assert_equals: data-offset-y expected 50 got 116 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 65 assert_equals: data-offset-y expected 30 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 30 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 20 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 68 assert_equals: data-offset-y expected 10 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 65 assert_equals: data-offset-y expected 0 got 51 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 30 got 70 assert_equals: data-offset-y expected 20 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 70 assert_equals: data-offset-y expected 20 got 26 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 65 assert_equals: data-offset-y expected 0 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 70 |
| .flexbox 31 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 50 got 167 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 68 assert_equals: data-offset-y expected 40 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 20 got 65 assert_equals: data-offset-y expected 30 got 141 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 65 assert_equals: data-offset-y expected 30 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 65 assert_equals: data-offset-y expected 30 got 116 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 65 assert_equals: data-offset-y expected 30 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 30 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 20 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 68 assert_equals: data-offset-y expected 10 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 20 got 65 assert_equals: data-offset-y expected 0 got 51 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 65 assert_equals: data-offset-y expected 0 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 65 assert_equals: data-offset-y expected 0 got 26 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 65 assert_equals: data-offset-y expected 0 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 70 |
| .flexbox 32 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-y expected 0 got 167 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 3 assert_equals: data-offset-y expected 10 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 5 assert_equals: data-offset-y expected 20 got 141 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 5 assert_equals: data-offset-y expected 15 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 0 assert_equals: data-offset-y expected 15 got 116 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 0 assert_equals: data-offset-y expected 0 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 0 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-y expected 30 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 3 assert_equals: data-offset-y expected 40 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 5 assert_equals: data-offset-y expected 50 got 51 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 5 assert_equals: data-offset-y expected 45 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 0 assert_equals: data-offset-y expected 45 got 26 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 0 assert_equals: data-offset-y expected 30 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 30 got 0 |
| .flexbox 33 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 43 assert_equals: data-offset-y expected 10 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 86 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 5 got 129 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 5 got 171 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 214 assert_equals: data-offset-y expected 50 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 257 assert_equals: data-offset-y expected 60 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 300 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 343 assert_equals: data-offset-y expected 10 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 386 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 35 got 429 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 35 got 471 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 514 assert_equals: data-offset-y expected 50 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 557 assert_equals: data-offset-y expected 60 got 0 |
| .flexbox 34 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 0 assert_equals: data-offset-y expected 0 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 43 assert_equals: data-offset-y expected 10 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 86 assert_equals: data-offset-y expected 20 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 129 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 171 assert_equals: data-offset-y expected 40 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 214 assert_equals: data-offset-y expected 50 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 257 assert_equals: data-offset-y expected 60 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 300 assert_equals: data-offset-y expected 0 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 343 assert_equals: data-offset-y expected 10 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 386 assert_equals: data-offset-y expected 20 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 429 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 471 assert_equals: data-offset-y expected 40 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 514 assert_equals: data-offset-y expected 50 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 557 assert_equals: data-offset-y expected 60 got 70 |
| .flexbox 35 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 557 assert_equals: data-offset-y expected 60 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 514 assert_equals: data-offset-y expected 50 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 471 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 5 got 429 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 5 got 386 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 343 assert_equals: data-offset-y expected 10 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 300 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 257 assert_equals: data-offset-y expected 60 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 214 assert_equals: data-offset-y expected 50 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 171 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 35 got 129 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 35 got 86 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 43 assert_equals: data-offset-y expected 10 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 0 |
| .flexbox 36 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 557 assert_equals: data-offset-y expected 60 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 514 assert_equals: data-offset-y expected 50 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 471 assert_equals: data-offset-y expected 40 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 429 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 386 assert_equals: data-offset-y expected 20 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 343 assert_equals: data-offset-y expected 10 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 300 assert_equals: data-offset-y expected 0 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 257 assert_equals: data-offset-y expected 60 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 214 assert_equals: data-offset-y expected 50 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 171 assert_equals: data-offset-y expected 40 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 129 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 86 assert_equals: data-offset-y expected 20 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 43 assert_equals: data-offset-y expected 10 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-y expected 0 got 70 |
| .flexbox 37 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 3 assert_equals: data-offset-y expected 10 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 5 assert_equals: data-offset-y expected 20 got 26 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 0 assert_equals: data-offset-y expected 5 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 5 assert_equals: data-offset-y expected 5 got 51 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 0 assert_equals: data-offset-y expected 0 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 12 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 0 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-y expected 30 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 3 assert_equals: data-offset-y expected 40 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 5 assert_equals: data-offset-y expected 50 got 116 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 0 assert_equals: data-offset-y expected 35 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 5 assert_equals: data-offset-y expected 35 got 141 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 0 assert_equals: data-offset-y expected 30 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 12 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 30 got 167 |
| .flexbox 38 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 50 got 0 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 68 assert_equals: data-offset-y expected 40 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 65 assert_equals: data-offset-y expected 30 got 26 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 70 assert_equals: data-offset-y expected 50 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 70 assert_equals: data-offset-y expected 50 got 51 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 65 assert_equals: data-offset-y expected 30 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 30 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 20 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 68 assert_equals: data-offset-y expected 10 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 65 assert_equals: data-offset-y expected 0 got 116 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 70 assert_equals: data-offset-y expected 20 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 70 assert_equals: data-offset-y expected 20 got 141 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 65 assert_equals: data-offset-y expected 0 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 0 got 167 |
| .flexbox 39 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 50 got 0 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 68 assert_equals: data-offset-y expected 40 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 20 got 65 assert_equals: data-offset-y expected 30 got 26 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 65 assert_equals: data-offset-y expected 30 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 65 assert_equals: data-offset-y expected 30 got 51 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 65 assert_equals: data-offset-y expected 30 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 30 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 20 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 68 assert_equals: data-offset-y expected 10 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 20 got 65 assert_equals: data-offset-y expected 0 got 116 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 65 assert_equals: data-offset-y expected 0 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 65 assert_equals: data-offset-y expected 0 got 141 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 65 assert_equals: data-offset-y expected 0 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 0 got 167 |
| .flexbox 40 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 3 assert_equals: data-offset-y expected 10 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 5 assert_equals: data-offset-y expected 20 got 26 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 30 got 5 assert_equals: data-offset-y expected 15 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 0 assert_equals: data-offset-y expected 15 got 51 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 0 assert_equals: data-offset-y expected 0 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 0 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-y expected 30 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 10 got 3 assert_equals: data-offset-y expected 40 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 5 assert_equals: data-offset-y expected 50 got 116 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 30 got 5 assert_equals: data-offset-y expected 45 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 0 assert_equals: data-offset-y expected 45 got 141 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 50 got 0 assert_equals: data-offset-y expected 30 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 30 got 167 |
| .flexbox 41 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 557 assert_equals: data-offset-y expected 60 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 514 assert_equals: data-offset-y expected 50 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 471 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 5 got 429 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 5 got 386 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 343 assert_equals: data-offset-y expected 10 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 300 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 257 assert_equals: data-offset-y expected 60 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 214 assert_equals: data-offset-y expected 50 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 171 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 35 got 129 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 35 got 86 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 43 assert_equals: data-offset-y expected 10 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 0 |
| .flexbox 42 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 557 assert_equals: data-offset-y expected 60 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 514 assert_equals: data-offset-y expected 50 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 471 assert_equals: data-offset-y expected 40 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 429 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 386 assert_equals: data-offset-y expected 20 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 343 assert_equals: data-offset-y expected 10 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 300 assert_equals: data-offset-y expected 0 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 257 assert_equals: data-offset-y expected 60 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 214 assert_equals: data-offset-y expected 50 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 171 assert_equals: data-offset-y expected 40 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 129 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 86 assert_equals: data-offset-y expected 20 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 43 assert_equals: data-offset-y expected 10 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-y expected 0 got 70 |
| .flexbox 43 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 43 assert_equals: data-offset-y expected 10 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 86 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 5 got 129 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 5 got 171 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 214 assert_equals: data-offset-y expected 50 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 257 assert_equals: data-offset-y expected 60 got 0 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 300 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 343 assert_equals: data-offset-y expected 10 got 3 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 386 assert_equals: data-offset-y expected 20 got 5 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 35 got 429 assert_equals: data-offset-y expected 30 got 5 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 35 got 471 assert_equals: data-offset-y expected 40 got 5 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 514 assert_equals: data-offset-y expected 50 got 0 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 557 assert_equals: data-offset-y expected 60 got 0 |
| .flexbox 44 | FAIL | assert_equals: data-expected-width expected 60 got 600 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 0 assert_equals: data-offset-y expected 0 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 40 got 43 assert_equals: data-offset-y expected 10 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 86 assert_equals: data-offset-y expected 20 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 129 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 50 got 171 assert_equals: data-offset-y expected 40 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 30 got 214 assert_equals: data-offset-y expected 50 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 30 got 257 assert_equals: data-offset-y expected 60 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 300 assert_equals: data-offset-y expected 0 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 10 got 343 assert_equals: data-offset-y expected 10 got 68 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 386 assert_equals: data-offset-y expected 20 got 65 assert_equals: data-expected-width expected 10 got 42 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 429 assert_equals: data-offset-y expected 30 got 70 assert_equals: data-expected-width expected 10 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 20 got 471 assert_equals: data-offset-y expected 40 got 70 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 5 assert_equals: data-offset-x expected 0 got 514 assert_equals: data-offset-y expected 50 got 65 assert_equals: data-expected-width expected 30 got 43 assert_equals: data-expected-height expected 10 got 0 assert_equals: data-offset-x expected 0 got 557 assert_equals: data-offset-y expected 60 got 70 |
| .flexbox 45 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 0 got 167 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 3 assert_equals: data-offset-y expected 10 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 5 assert_equals: data-offset-y expected 20 got 141 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 30 got 0 assert_equals: data-offset-y expected 5 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 5 assert_equals: data-offset-y expected 5 got 116 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 0 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-y expected 0 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 30 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 3 assert_equals: data-offset-y expected 40 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 5 assert_equals: data-offset-y expected 50 got 51 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 30 got 0 assert_equals: data-offset-y expected 35 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 5 assert_equals: data-offset-y expected 35 got 26 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 30 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-y expected 30 got 0 |
| .flexbox 46 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 50 got 167 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 68 assert_equals: data-offset-y expected 40 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 40 got 65 assert_equals: data-offset-y expected 30 got 141 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 70 assert_equals: data-offset-y expected 50 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 70 assert_equals: data-offset-y expected 50 got 116 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 65 assert_equals: data-offset-y expected 30 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 30 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 20 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 68 assert_equals: data-offset-y expected 10 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 40 got 65 assert_equals: data-offset-y expected 0 got 51 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 70 assert_equals: data-offset-y expected 20 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 70 assert_equals: data-offset-y expected 20 got 26 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 65 assert_equals: data-offset-y expected 0 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 0 got 70 |
| .flexbox 47 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 50 got 167 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 68 assert_equals: data-offset-y expected 40 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 65 assert_equals: data-offset-y expected 30 got 141 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 65 assert_equals: data-offset-y expected 30 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 65 assert_equals: data-offset-y expected 30 got 116 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 65 assert_equals: data-offset-y expected 30 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 0 got 70 assert_equals: data-offset-y expected 30 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 12 assert_equals: data-offset-x expected 60 got 70 assert_equals: data-offset-y expected 20 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 68 assert_equals: data-offset-y expected 10 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 65 assert_equals: data-offset-y expected 0 got 51 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 65 assert_equals: data-offset-y expected 0 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 65 assert_equals: data-offset-y expected 0 got 26 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 65 assert_equals: data-offset-y expected 0 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 0 got 70 |
| .flexbox 48 | FAIL | assert_equals: data-expected-height expected 60 got 180 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 0 got 167 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 3 assert_equals: data-offset-y expected 10 got 154 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 5 assert_equals: data-offset-y expected 20 got 141 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 5 assert_equals: data-offset-y expected 15 got 129 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 0 assert_equals: data-offset-y expected 15 got 116 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 0 got 103 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 12 assert_equals: data-offset-y expected 0 got 90 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 60 got 0 assert_equals: data-offset-y expected 30 got 77 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 50 got 3 assert_equals: data-offset-y expected 40 got 64 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 40 got 5 assert_equals: data-offset-y expected 50 got 51 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 30 got 5 assert_equals: data-offset-y expected 45 got 39 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 10 got 13 assert_equals: data-offset-x expected 20 got 0 assert_equals: data-offset-y expected 45 got 26 assert_equals: data-expected-width expected 10 got 5 assert_equals: data-expected-height expected 30 got 13 assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 30 got 13 assert_equals: data-expected-width expected 10 got 0 assert_equals: data-expected-height expected 30 got 12 assert_equals: data-offset-y expected 30 got 0 |
/css/css-flexbox/alignment/multiline-align-self.html
<html> <head> <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#align-items-property"> <style> .flexbox { position: relative; display: flex; background-color: grey; max-width: 600px; align-content: flex-start; } .title { margin-top: 1em; } .ltr { direction: ltr; } .rtl { direction: rtl; } .horizontal-tb { writing-mode: horizontal-tb; } .vertical-rl { writing-mode: vertical-rl; } .vertical-lr { writing-mode: vertical-lr; } .row { flex-flow: row; } .row-reverse { flex-flow: row-reverse; } .column { flex-flow: column; } .column-reverse { flex-flow: column-reverse; } .wrap { flex-wrap: wrap; } .wrap-reverse { flex-wrap: wrap-reverse; } .flexbox> :nth-child(1) { background-color: #0f0; } .flexbox> :nth-child(2) { background-color: #0d0; } .flexbox> :nth-child(3) { background-color: #0b0; } .flexbox> :nth-child(4) { background-color: #090; } .flexbox> :nth-child(5) { background-color: #070; } .flexbox> :nth-child(6) { background-color: #050; } .flexbox> :nth-child(7) { background-color: #030; } .flexbox> :nth-child(8) { background-color: #00f; } .flexbox> :nth-child(9) { background-color: #00d; } .flexbox> :nth-child(10) { background-color: #00b; } .flexbox> :nth-child(11) { background-color: #009; } .flexbox> :nth-child(12) { background-color: #007; } .flexbox> :nth-child(13) { background-color: #005; } .flexbox> :nth-child(14) { background-color: #003; } </style> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script src="/resources/check-layout-th.js"></script> </head> <body onload="checkLayout('.flexbox')"> <div class="title">horizontal-tb ltr row wrap</div> <div class="flexbox horizontal-tb ltr row wrap" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="5"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="5"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="35"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="35"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="30"></div> </div> <div class="title">horizontal-tb ltr row wrap-reverse</div> <div class="flexbox horizontal-tb ltr row wrap-reverse" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="20"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="0"></div> </div> <div class="title">horizontal-tb rtl row wrap</div> <div class="flexbox horizontal-tb rtl row wrap" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="5"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="5"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="35"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="35"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="30"></div> </div> <div class="title">horizontal-tb rtl row wrap-reverse</div> <div class="flexbox horizontal-tb rtl row wrap-reverse" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="50"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="0"></div> </div> <div class="title">horizontal-tb ltr column wrap</div> <div class="flexbox horizontal-tb ltr column wrap" style="height: 70px" data-expected-width="600" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="5" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="5" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="35" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="35" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> </div> <div class="title">horizontal-tb ltr column wrap-reverse</div> <div class="flexbox horizontal-tb ltr column wrap-reverse" style="height: 70px" data-expected-width="600" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="590" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="580" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="570" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="590" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="590" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="570" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="570" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="560" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="550" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="540" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="560" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="560" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="540" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="540" data-offset-y="60"></div> </div> <div class="title">horizontal-tb rtl column wrap</div> <div class="flexbox horizontal-tb rtl column wrap" style="height: 70px" data-expected-width="600" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="590" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="580" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="570" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="585" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="585" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="570" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="570" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="560" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="550" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="540" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="555" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="555" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="540" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="540" data-offset-y="60"></div> </div> <div class="title">horizontal-tb rtl column wrap-reverse</div> <div class="flexbox horizontal-tb rtl column wrap-reverse" style="height: 70px" data-expected-width="600" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> </div> <div class="title">horizontal-tb ltr row-reverse wrap</div> <div class="flexbox horizontal-tb ltr row-reverse wrap" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="5"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="5"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="35"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="35"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="30"></div> </div> <div class="title">horizontal-tb ltr row-reverse wrap-reverse</div> <div class="flexbox horizontal-tb ltr row-reverse wrap-reverse" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="50"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="0"></div> </div> <div class="title">horizontal-tb rtl row-reverse wrap</div> <div class="flexbox horizontal-tb rtl row-reverse wrap" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="5"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="5"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="35"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="35"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="30"></div> </div> <div class="title">horizontal-tb rtl row-reverse wrap-reverse</div> <div class="flexbox horizontal-tb rtl row-reverse wrap-reverse" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="20"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="0"></div> </div> <div class="title">horizontal-tb ltr column-reverse wrap</div> <div class="flexbox horizontal-tb ltr column-reverse wrap" style="height: 70px" data-expected-width="600" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="5" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="5" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="35" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="35" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> </div> <div class="title">horizontal-tb ltr column-reverse wrap-reverse</div> <div class="flexbox horizontal-tb ltr column-reverse wrap-reverse" style="height: 70px" data-expected-width="600" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="590" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="580" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="570" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="590" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="590" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="570" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="570" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="560" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="550" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="540" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="560" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="560" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="540" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="540" data-offset-y="0"></div> </div> <div class="title">horizontal-tb rtl column-reverse wrap</div> <div class="flexbox horizontal-tb rtl column-reverse wrap" style="height: 70px" data-expected-width="600" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="590" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="580" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="570" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="585" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="585" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="570" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="570" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="560" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="550" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="540" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="555" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="555" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="540" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="540" data-offset-y="0"></div> </div> <div class="title">horizontal-tb rtl column-reverse wrap-reverse</div> <div class="flexbox horizontal-tb rtl column-reverse wrap-reverse" style="height: 70px" data-expected-width="600" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> </div> <div class="title">vertical-rl ltr row wrap</div> <div class="flexbox vertical-rl ltr row wrap" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="45" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="45" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="15" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="15" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> </div> <div class="title">vertical-rl ltr row wrap-reverse</div> <div class="flexbox vertical-rl ltr row wrap-reverse" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> </div> <div class="title">vertical-rl rtl row wrap</div> <div class="flexbox vertical-rl rtl row wrap" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="45" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="45" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="15" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="15" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> </div> <div class="title">vertical-rl rtl row wrap-reverse</div> <div class="flexbox vertical-rl rtl row wrap-reverse" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> </div> <div class="title">vertical-rl ltr column wrap</div> <div class="flexbox vertical-rl ltr column wrap" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="5"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="5"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="35"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="35"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="30"></div> </div> <div class="title">vertical-rl ltr column wrap-reverse</div> <div class="flexbox vertical-rl ltr column wrap-reverse" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="50"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="0"></div> </div> <div class="title">vertical-rl rtl column wrap</div> <div class="flexbox vertical-rl rtl column wrap" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="30"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="0"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="0"></div> </div> <div class="title">vertical-rl rtl column wrap-reverse</div> <div class="flexbox vertical-rl rtl column wrap-reverse" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="15"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="15"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="45"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="45"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="30"></div> </div> <div class="title">vertical-rl ltr row-reverse wrap</div> <div class="flexbox vertical-rl ltr row-reverse wrap" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="45" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="45" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="15" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="15" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> </div> <div class="title">vertical-rl ltr row-reverse wrap-reverse</div> <div class="flexbox vertical-rl ltr row-reverse wrap-reverse" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> </div> <div class="title">vertical-rl rtl row-reverse wrap</div> <div class="flexbox vertical-rl rtl row-reverse wrap" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="45" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="45" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="15" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="15" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> </div> <div class="title">vertical-rl rtl row-reverse wrap-reverse</div> <div class="flexbox vertical-rl rtl row-reverse wrap-reverse" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> </div> <div class="title">vertical-rl ltr column-reverse wrap</div> <div class="flexbox vertical-rl ltr column-reverse wrap" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="5"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="5"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="35"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="35"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="30"></div> </div> <div class="title">vertical-rl ltr column-reverse wrap-reverse</div> <div class="flexbox vertical-rl ltr column-reverse wrap-reverse" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="20"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="0"></div> </div> <div class="title">vertical-rl rtl column-reverse wrap</div> <div class="flexbox vertical-rl rtl column-reverse wrap" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="30"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="0"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="0"></div> </div> <div class="title">vertical-rl rtl column-reverse wrap-reverse</div> <div class="flexbox vertical-rl rtl column-reverse wrap-reverse" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="15"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="15"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="45"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="45"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="30"></div> </div> <div class="title">vertical-lr ltr row wrap</div> <div class="flexbox vertical-lr ltr row wrap" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="5" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="5" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="35" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="35" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> </div> <div class="title">vertical-lr ltr row wrap-reverse</div> <div class="flexbox vertical-lr ltr row wrap-reverse" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> </div> <div class="title">vertical-lr rtl row wrap</div> <div class="flexbox vertical-lr rtl row wrap" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="5" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="5" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="35" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="35" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> </div> <div class="title">vertical-lr rtl row wrap-reverse</div> <div class="flexbox vertical-lr rtl row wrap-reverse" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> </div> <div class="title">vertical-lr ltr column wrap</div> <div class="flexbox vertical-lr ltr column wrap" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="5"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="5"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="35"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="35"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="30"></div> </div> <div class="title">vertical-lr ltr column wrap-reverse</div> <div class="flexbox vertical-lr ltr column wrap-reverse" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="20"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="0"></div> </div> <div class="title">vertical-lr rtl column wrap</div> <div class="flexbox vertical-lr rtl column wrap" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="30"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="0"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="0"></div> </div> <div class="title">vertical-lr rtl column wrap-reverse</div> <div class="flexbox vertical-lr rtl column wrap-reverse" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="15"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="15"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="45"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="45"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="60" data-offset-y="30"></div> </div> <div class="title">vertical-lr ltr row-reverse wrap</div> <div class="flexbox vertical-lr ltr row-reverse wrap" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="5" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="5" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="35" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="35" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> </div> <div class="title">vertical-lr ltr row-reverse wrap-reverse</div> <div class="flexbox vertical-lr ltr row-reverse wrap-reverse" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="50"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="40"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="10"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> </div> <div class="title">vertical-lr rtl row-reverse wrap</div> <div class="flexbox vertical-lr rtl row-reverse wrap" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="5" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="5" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="35" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="35" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> </div> <div class="title">vertical-lr rtl row-reverse wrap-reverse</div> <div class="flexbox vertical-lr rtl row-reverse wrap-reverse" style="height: 70px" data-expected-width="60" data-expected-height="70"> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="30" data-offset-y="60"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="0"></div> <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="10" data-offset-y="10"></div> <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="0" data-offset-y="20"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="30"></div> <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="40"></div> <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="50"></div> <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10" data-offset-x="0" data-offset-y="60"></div> </div> <div class="title">vertical-lr ltr column-reverse wrap</div> <div class="flexbox vertical-lr ltr column-reverse wrap" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="5"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="5"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="35"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="35"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="30"></div> </div> <div class="title">vertical-lr ltr column-reverse wrap-reverse</div> <div class="flexbox vertical-lr ltr column-reverse wrap-reverse" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="50"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="20"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="0"></div> </div> <div class="title">vertical-lr rtl column-reverse wrap</div> <div class="flexbox vertical-lr rtl column-reverse wrap" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="30"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="0"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="0"></div> </div> <div class="title">vertical-lr rtl column-reverse wrap-reverse</div> <div class="flexbox vertical-lr rtl column-reverse wrap-reverse" style="width: 70px" data-expected-width="70" data-expected-height="60"> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="10"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="20"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="15"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="15"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="0"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="0"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10" data-offset-x="60" data-offset-y="30"></div> <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10" data-offset-x="50" data-offset-y="40"></div> <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10" data-offset-x="40" data-offset-y="50"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10" data-offset-x="30" data-offset-y="45"></div> <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10" data-expected-height="10" data-offset-x="20" data-offset-y="45"></div> <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30" data-offset-x="10" data-offset-y="30"></div> <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30" data-offset-x="0" data-offset-y="30"></div> </div> </body> </html>