Status: FAIL | Duration: 4ms | Subtests: 36/72 | 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 |
|---|---|---|
| .child 1 | PASS | |
| .child 2 | PASS | |
| .child 3 | PASS | |
| .child 4 | PASS | |
| .child 5 | PASS | |
| .child 6 | PASS | |
| .child 7 | FAIL | assert_equals: data-offset-x expected 0 got 10 assert_equals: data-offset-y expected 10 got 0 |
| .child 8 | FAIL | assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 0 got 10 |
| .child 9 | FAIL | assert_equals: data-offset-x expected 10 got 0 |
| .child 10 | FAIL | assert_equals: data-offset-x expected 0 got 10 |
| .child 11 | FAIL | assert_equals: data-offset-y expected 10 got 0 |
| .child 12 | FAIL | assert_equals: data-offset-y expected 0 got 10 |
| .child 13 | PASS | |
| .child 14 | PASS | |
| .child 15 | PASS | |
| .child 16 | PASS | |
| .child 17 | PASS | |
| .child 18 | PASS | |
| .child 19 | FAIL | assert_equals: data-offset-x expected 0 got 10 assert_equals: data-offset-y expected 10 got 0 |
| .child 20 | FAIL | assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 0 got 10 |
| .child 21 | FAIL | assert_equals: data-offset-x expected 10 got 0 |
| .child 22 | FAIL | assert_equals: data-offset-x expected 0 got 10 |
| .child 23 | FAIL | assert_equals: data-offset-y expected 10 got 0 |
| .child 24 | FAIL | assert_equals: data-offset-y expected 0 got 10 |
| .child 25 | PASS | |
| .child 26 | PASS | |
| .child 27 | PASS | |
| .child 28 | PASS | |
| .child 29 | PASS | |
| .child 30 | PASS | |
| .child 31 | FAIL | assert_equals: data-offset-x expected 0 got 10 assert_equals: data-offset-y expected 10 got 0 |
| .child 32 | FAIL | assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 0 got 10 |
| .child 33 | FAIL | assert_equals: data-offset-x expected 10 got 0 |
| .child 34 | FAIL | assert_equals: data-offset-x expected 0 got 10 |
| .child 35 | FAIL | assert_equals: data-offset-y expected 10 got 0 |
| .child 36 | FAIL | assert_equals: data-offset-y expected 0 got 10 |
| .child 37 | PASS | |
| .child 38 | PASS | |
| .child 39 | PASS | |
| .child 40 | PASS | |
| .child 41 | PASS | |
| .child 42 | PASS | |
| .child 43 | FAIL | assert_equals: data-offset-x expected 0 got 10 assert_equals: data-offset-y expected 10 got 0 |
| .child 44 | FAIL | assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 0 got 10 |
| .child 45 | FAIL | assert_equals: data-offset-x expected 10 got 0 |
| .child 46 | FAIL | assert_equals: data-offset-x expected 0 got 10 |
| .child 47 | FAIL | assert_equals: data-offset-y expected 10 got 0 |
| .child 48 | FAIL | assert_equals: data-offset-y expected 0 got 10 |
| .child 49 | PASS | |
| .child 50 | PASS | |
| .child 51 | PASS | |
| .child 52 | PASS | |
| .child 53 | PASS | |
| .child 54 | PASS | |
| .child 55 | FAIL | assert_equals: data-offset-x expected 0 got 10 assert_equals: data-offset-y expected 10 got 0 |
| .child 56 | FAIL | assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 0 got 10 |
| .child 57 | FAIL | assert_equals: data-offset-x expected 10 got 0 |
| .child 58 | FAIL | assert_equals: data-offset-x expected 0 got 10 |
| .child 59 | FAIL | assert_equals: data-offset-y expected 10 got 0 |
| .child 60 | FAIL | assert_equals: data-offset-y expected 0 got 10 |
| .child 61 | PASS | |
| .child 62 | PASS | |
| .child 63 | PASS | |
| .child 64 | PASS | |
| .child 65 | PASS | |
| .child 66 | PASS | |
| .child 67 | FAIL | assert_equals: data-offset-x expected 0 got 10 assert_equals: data-offset-y expected 10 got 0 |
| .child 68 | FAIL | assert_equals: data-offset-x expected 10 got 0 assert_equals: data-offset-y expected 0 got 10 |
| .child 69 | FAIL | assert_equals: data-offset-x expected 10 got 0 |
| .child 70 | FAIL | assert_equals: data-offset-x expected 0 got 10 |
| .child 71 | FAIL | assert_equals: data-offset-y expected 10 got 0 |
| .child 72 | FAIL | assert_equals: data-offset-y expected 0 got 10 |
/css/css-grid/alignment/grid-self-alignment.html
<!DOCTYPE html> <link rel="help" href="https://drafts.csswg.org/css-grid-1/#grid-align"> <meta name="assert" content="This test checks that the self-start/self-end alignment values are applied correctly in all writing-modes for inflow content."> <style> body { line-height: 30px; } .grid { position: relative; display: inline-grid; grid-template-columns: 20px; grid-template-rows: 20px; width: 20px; height: 20px; border: solid; vertical-align: bottom; } .child { background: green; width: 10px; height: 10px; } </style> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script src="/resources/check-layout-th.js"></script> <body onload="checkLayout('.child')"> <div class="grid" style="writing-mode: horizontal-tb; direction: ltr;"> <div class="child" style="writing-mode: horizontal-tb; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: ltr;"> <div class="child" style="writing-mode: horizontal-tb; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: ltr;"> <div class="child" style="writing-mode: horizontal-tb; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: ltr;"> <div class="child" style="writing-mode: horizontal-tb; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: ltr;"> <div class="child" style="writing-mode: vertical-lr; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: ltr;"> <div class="child" style="writing-mode: vertical-lr; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: ltr;"> <div class="child" style="writing-mode: vertical-lr; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: ltr;"> <div class="child" style="writing-mode: vertical-lr; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: ltr;"> <div class="child" style="writing-mode: vertical-rl; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: ltr;"> <div class="child" style="writing-mode: vertical-rl; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: ltr;"> <div class="child" style="writing-mode: vertical-rl; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: ltr;"> <div class="child" style="writing-mode: vertical-rl; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=0></div> </div> <br> <div class="grid" style="writing-mode: horizontal-tb; direction: rtl;"> <div class="child" style="writing-mode: horizontal-tb; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: rtl;"> <div class="child" style="writing-mode: horizontal-tb; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: rtl;"> <div class="child" style="writing-mode: horizontal-tb; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: rtl;"> <div class="child" style="writing-mode: horizontal-tb; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: rtl;"> <div class="child" style="writing-mode: vertical-lr; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: rtl;"> <div class="child" style="writing-mode: vertical-lr; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: rtl;"> <div class="child" style="writing-mode: vertical-lr; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: rtl;"> <div class="child" style="writing-mode: vertical-lr; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: rtl;"> <div class="child" style="writing-mode: vertical-rl; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: rtl;"> <div class="child" style="writing-mode: vertical-rl; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: rtl;"> <div class="child" style="writing-mode: vertical-rl; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: horizontal-tb; direction: rtl;"> <div class="child" style="writing-mode: vertical-rl; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=0></div> </div> <br> <div class="grid" style="writing-mode: vertical-lr; direction: ltr;"> <div class="child" style="writing-mode: horizontal-tb; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: ltr;"> <div class="child" style="writing-mode: horizontal-tb; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: ltr;"> <div class="child" style="writing-mode: horizontal-tb; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: ltr;"> <div class="child" style="writing-mode: horizontal-tb; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: ltr;"> <div class="child" style="writing-mode: vertical-lr; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: ltr;"> <div class="child" style="writing-mode: vertical-lr; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: ltr;"> <div class="child" style="writing-mode: vertical-lr; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: ltr;"> <div class="child" style="writing-mode: vertical-lr; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: ltr;"> <div class="child" style="writing-mode: vertical-rl; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: ltr;"> <div class="child" style="writing-mode: vertical-rl; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: ltr;"> <div class="child" style="writing-mode: vertical-rl; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: ltr;"> <div class="child" style="writing-mode: vertical-rl; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=0></div> </div> <br> <div class="grid" style="writing-mode: vertical-lr; direction: rtl;"> <div class="child" style="writing-mode: horizontal-tb; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: rtl;"> <div class="child" style="writing-mode: horizontal-tb; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: rtl;"> <div class="child" style="writing-mode: horizontal-tb; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: rtl;"> <div class="child" style="writing-mode: horizontal-tb; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: rtl;"> <div class="child" style="writing-mode: vertical-lr; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: rtl;"> <div class="child" style="writing-mode: vertical-lr; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: rtl;"> <div class="child" style="writing-mode: vertical-lr; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: rtl;"> <div class="child" style="writing-mode: vertical-lr; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: rtl;"> <div class="child" style="writing-mode: vertical-rl; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: rtl;"> <div class="child" style="writing-mode: vertical-rl; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: rtl;"> <div class="child" style="writing-mode: vertical-rl; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-lr; direction: rtl;"> <div class="child" style="writing-mode: vertical-rl; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=0></div> </div> <br> <div class="grid" style="writing-mode: vertical-rl; direction: ltr;"> <div class="child" style="writing-mode: horizontal-tb; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: ltr;"> <div class="child" style="writing-mode: horizontal-tb; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: ltr;"> <div class="child" style="writing-mode: horizontal-tb; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: ltr;"> <div class="child" style="writing-mode: horizontal-tb; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: ltr;"> <div class="child" style="writing-mode: vertical-lr; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: ltr;"> <div class="child" style="writing-mode: vertical-lr; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: ltr;"> <div class="child" style="writing-mode: vertical-lr; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: ltr;"> <div class="child" style="writing-mode: vertical-lr; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: ltr;"> <div class="child" style="writing-mode: vertical-rl; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: ltr;"> <div class="child" style="writing-mode: vertical-rl; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: ltr;"> <div class="child" style="writing-mode: vertical-rl; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: ltr;"> <div class="child" style="writing-mode: vertical-rl; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=0></div> </div> <br> <div class="grid" style="writing-mode: vertical-rl; direction: rtl;"> <div class="child" style="writing-mode: horizontal-tb; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: rtl;"> <div class="child" style="writing-mode: horizontal-tb; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: rtl;"> <div class="child" style="writing-mode: horizontal-tb; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: rtl;"> <div class="child" style="writing-mode: horizontal-tb; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: rtl;"> <div class="child" style="writing-mode: vertical-lr; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: rtl;"> <div class="child" style="writing-mode: vertical-lr; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: rtl;"> <div class="child" style="writing-mode: vertical-lr; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: rtl;"> <div class="child" style="writing-mode: vertical-lr; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: rtl;"> <div class="child" style="writing-mode: vertical-rl; direction: ltr; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=0></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: rtl;"> <div class="child" style="writing-mode: vertical-rl; direction: ltr; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: rtl;"> <div class="child" style="writing-mode: vertical-rl; direction: rtl; align-self: self-start; justify-self: self-start;" data-offset-x=10 data-offset-y=10></div> </div> <div class="grid" style="writing-mode: vertical-rl; direction: rtl;"> <div class="child" style="writing-mode: vertical-rl; direction: rtl; align-self: self-end; justify-self: self-end;" data-offset-x=0 data-offset-y=0></div> </div>