CSS Flexbox: Inline flexbox width calculation with flex-direction: column and flex-wrap

Summary

Harness status: OK

Found 16 tests

1 Pass

15 Fail

Details

Result

Test Name

Message

Fail

.inline-flexbox 1

assert_equals: <div class="inline-flexbox column align-content-flex-start wrap" data-expected-width="110" data-expected-height="60"> <div style="width: 100px; height: 20px" data-offset-x="0" data-offset-y="0"></div> <div style="width: 50px; height: 10px" data-offset-x="0" data-offset-y="20"></div> <div style="width: 70px; height: 10px" data-offset-x="0" data-offset-y="30"></div> <div style="width: 110px; height: 20px" data-offset-x="0" data-offset-y="40"></div> </div> width expected 110 but got 1264

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://www1.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Pass

assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

assert_equals(1264, 110, "\n<div class=\"inline-flexbox column align-content-flex-start wrap\" data-expected-width=\"110\" data-expected-height=\"60\">\n  <div style=\"width: 100px; height: 20px\" data-offset-x=\"0\" data-offset-y=\"0\"></div>\n  <div style=\"width: 50px; height: 10px\" data-offset-x=\"0\" data-offset-y=\"20\"></div>\n  <div style=\"width: 70px; height: 10px\" data-offset-x=\"0\" data-offset-y=\"30\"></div>\n  <div style=\"width: 110px; height: 20px\" data-offset-x=\"0\" data-offset-y=\"40\"></div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.inline-flexbox 2

assert_equals: <div class="inline-flexbox column align-content-flex-start wrap" style="height: 35px" data-expected-width="130" data-expected-height="35"> <div style="width: 10px; height: 20px" data-offset-x="0" data-offset-y="0"></div> <div style="width: 50px; height: 10px" data-offset-x="0" data-offset-y="20"></div> <div style="width: 80px; height: 10px" data-offset-x="50" data-offset-y="0"></div> <div style="width: 40px; height: 20px" data-offset-x="50" data-offset-y="10"></div> </div> width expected 130 but got 1264

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://www1.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Pass

assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

assert_equals(1264, 130, "\n<div class=\"inline-flexbox column align-content-flex-start wrap\" style=\"height: 35px\" data-expected-width=\"130\" data-expected-height=\"35\">\n  <div style=\"width: 10px; height: 20px\" data-offset-x=\"0\" data-offset-y=\"0\"></div>\n  <div style=\"width: 50px; height: 10px\" data-offset-x=\"0\" data-offset-y=\"20\"></div>\n  <div style=\"width: 80px; height: 10px\" data-offset-x=\"50\" data-offset-y=\"0\"></div>\n  <div style=\"width: 40px; height: 20px\" data-offset-x=\"50\" data-offset-y=\"10\"></div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.inline-flexbox 3

Asserts run

Pass	assert_true(true, "data-expected-width is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-expected-height is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-x is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-y is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-x is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-y is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-x is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-y is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-x is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-y is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

.inline-flexbox 4

assert_equals: <div class="inline-flexbox column align-content-flex-start wrap writing-mode-vertical" style="width: 200px" data-expected-width="200" data-expected-height="100"> <div style="width: 50px; height: 20px" data-offset-x="150" data-offset-y="0"></div> <div style="width: 100px; height: 70px" data-offset-x="50" data-offset-y="0"></div> <div style="width: 30px; height: 50px" data-offset-x="20" data-offset-y="0"></div> <div style="width: 100px; height: 30px" data-offset-x="100" data-offset-y="70"></div> </div> height expected 100 but got 70

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:77:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://www1.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Pass

assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

assert_equals(70, 100, "\n<div class=\"inline-flexbox column align-content-flex-start wrap writing-mode-vertical\" style=\"width: 200px\" data-expected-width=\"200\" data-expected-height=\"100\">\n  <div style=\"width: 50px; height: 20px\" data-offset-x=\"150\" data-offset-y=\"0\"></div>\n  <div style=\"width: 100px; height: 70px\" data-offset-x=\"50\" data-offset-y=\"0\"></div>\n  <div style=\"width: 30px; height: 50px\" data-offset-x=\"20\" data-offset-y=\"0\"></div>\n  <div style=\"width: 100px; height: 30px\" data-offset-x=\"100\" data-offset-y=\"70\"></div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.inline-flexbox 5

assert_equals: <div class="inline-flexbox column align-content-flex-start wrap-reverse" data-expected-width="110" data-expected-height="60"> <div style="width: 100px; height: 20px" data-offset-x="10" data-offset-y="0"></div> <div style="width: 50px; height: 10px" data-offset-x="60" data-offset-y="20"></div> <div style="width: 70px; height: 10px" data-offset-x="40" data-offset-y="30"></div> <div style="width: 110px; height: 20px" data-offset-x="0" data-offset-y="40"></div> </div> width expected 110 but got 1264

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://www1.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Pass

assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

assert_equals(1264, 110, "\n<div class=\"inline-flexbox column align-content-flex-start wrap-reverse\" data-expected-width=\"110\" data-expected-height=\"60\">\n  <div style=\"width: 100px; height: 20px\" data-offset-x=\"10\" data-offset-y=\"0\"></div>\n  <div style=\"width: 50px; height: 10px\" data-offset-x=\"60\" data-offset-y=\"20\"></div>\n  <div style=\"width: 70px; height: 10px\" data-offset-x=\"40\" data-offset-y=\"30\"></div>\n  <div style=\"width: 110px; height: 20px\" data-offset-x=\"0\" data-offset-y=\"40\"></div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.inline-flexbox 6

assert_equals: <div class="inline-flexbox column align-content-flex-start wrap-reverse" style="height: 35px" data-expected-width="130" data-expected-height="35"> <div style="width: 10px; height: 20px" data-offset-x="120" data-offset-y="0"> </div> <div style="width: 50px; height: 10px" data-offset-x="80" data-offset-y="20"> </div> <div style="width: 80px; height: 10px" data-offset-x="0" data-offset-y="0"> </div> <div style="width: 40px; height: 20px" data-offset-x="40" data-offset-y="10"> </div> </div> width expected 130 but got 1264

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://www1.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Pass

assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

assert_equals(1264, 130, "\n<div class=\"inline-flexbox column align-content-flex-start wrap-reverse\" style=\"height: 35px\" data-expected-width=\"130\" data-expected-height=\"35\">\n  <div style=\"width: 10px; height: 20px\" data-offset-x=\"120\" data-offset-y=\"0\">\n  </div>\n  <div style=\"width: 50px; height: 10px\" data-offset-x=\"80\" data-offset-y=\"20\">\n  </div>\n  <div style=\"width: 80px; height: 10px\" data-offset-x=\"0\" data-offset-y=\"0\">\n  </div>\n  <div style=\"width: 40px; height: 20px\" data-offset-x=\"40\" data-offset-y=\"10\">\n  </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.inline-flexbox 7

assert_equals: <div class="inline-flexbox column align-content-flex-start wrap-reverse writing-mode-vertical" data-expected-width="280" data-expected-height="70"> <div style="width: 50px; height: 20px" data-offset-x="230" data-offset-y="50"></div> <div style="width: 100px; height: 50px" data-offset-x="130" data-offset-y="20"></div> <div style="width: 30px; height: 30px" data-offset-x="100" data-offset-y="40"></div> <div style="width: 100px; height: 70px" data-offset-x="0" data-offset-y="0"></div> </div> offsetTop expected 50 but got 0

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:87:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at https://www1.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)

Asserts run

Pass	assert_true(true, "data-expected-width is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-expected-height is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-x is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-y is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Fail	assert_equals(0, 50, "\n<div class=\"inline-flexbox column align-content-flex-start wrap-reverse writing-mode-vertical\" data-expected-width=\"280\" data-expected-height=\"70\">\n <div style=\"width: 50px; height: 20px\" data-offset-x=\"230\" data-offset-y=\"50\"></div>\n <div style=\"width: 100px; height: 50px\" data-offset-x=\"130\" data-offset-y=\"20\"></div>\n <div style=\"width: 30px; height: 30px\" data-offset-x=\"100\" data-offset-y=\"40\"></div>\n <div style=\"width: 100px; height: 70px\" data-offset-x=\"0\" data-offset-y=\"0\"></div>\n</div>\noffsetTop") at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.inline-flexbox 8

assert_equals: <div class="inline-flexbox column align-content-flex-start wrap-reverse writing-mode-vertical" style="width: 200px" data-expected-width="200" data-expected-height="100"> <div style="width: 50px; height: 20px" data-offset-x="150" data-offset-y="80"> </div> <div style="width: 100px; height: 50px" data-offset-x="50" data-offset-y="50"> </div> <div style="width: 30px; height: 70px" data-offset-x="20" data-offset-y="30"> </div> <div style="width: 100px; height: 30px" data-offset-x="100" data-offset-y="0"> </div> </div> height expected 100 but got 70

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:77:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://www1.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Pass

assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

assert_equals(70, 100, "\n<div class=\"inline-flexbox column align-content-flex-start wrap-reverse writing-mode-vertical\" style=\"width: 200px\" data-expected-width=\"200\" data-expected-height=\"100\">\n  <div style=\"width: 50px; height: 20px\" data-offset-x=\"150\" data-offset-y=\"80\">\n  </div>\n  <div style=\"width: 100px; height: 50px\" data-offset-x=\"50\" data-offset-y=\"50\">\n  </div>\n  <div style=\"width: 30px; height: 70px\" data-offset-x=\"20\" data-offset-y=\"30\">\n  </div>\n  <div style=\"width: 100px; height: 30px\" data-offset-x=\"100\" data-offset-y=\"0\">\n  </div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.inline-flexbox 9

assert_equals: <div class="inline-flexbox column-reverse align-content-flex-start wrap" data-expected-width="110" data-expected-height="60"> <div style="width: 100px; height: 20px" data-offset-x="0" data-offset-y="40"></div> <div style="width: 50px; height: 10px" data-offset-x="0" data-offset-y="30"></div> <div style="width: 70px; height: 10px" data-offset-x="0" data-offset-y="20"></div> <div style="width: 110px; height: 20px" data-offset-x="0" data-offset-y="0"></div> </div> width expected 110 but got 1264

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://www1.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Pass

assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

assert_equals(1264, 110, "\n<div class=\"inline-flexbox column-reverse align-content-flex-start wrap\" data-expected-width=\"110\" data-expected-height=\"60\">\n  <div style=\"width: 100px; height: 20px\" data-offset-x=\"0\" data-offset-y=\"40\"></div>\n  <div style=\"width: 50px; height: 10px\" data-offset-x=\"0\" data-offset-y=\"30\"></div>\n  <div style=\"width: 70px; height: 10px\" data-offset-x=\"0\" data-offset-y=\"20\"></div>\n  <div style=\"width: 110px; height: 20px\" data-offset-x=\"0\" data-offset-y=\"0\"></div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.inline-flexbox 10

assert_equals: <div class="inline-flexbox column-reverse align-content-flex-start wrap" style="height: 35px" data-expected-width="130" data-expected-height="35"> <div style="width: 10px; height: 20px" data-offset-x="0" data-offset-y="15"></div> <div style="width: 50px; height: 10px" data-offset-x="0" data-offset-y="5"></div> <div style="width: 80px; height: 10px" data-offset-x="50" data-offset-y="25"></div> <div style="width: 40px; height: 20px" data-offset-x="50" data-offset-y="5"></div> </div> width expected 130 but got 1264

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://www1.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Pass

assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

assert_equals(1264, 130, "\n<div class=\"inline-flexbox column-reverse align-content-flex-start wrap\" style=\"height: 35px\" data-expected-width=\"130\" data-expected-height=\"35\">\n  <div style=\"width: 10px; height: 20px\" data-offset-x=\"0\" data-offset-y=\"15\"></div>\n  <div style=\"width: 50px; height: 10px\" data-offset-x=\"0\" data-offset-y=\"5\"></div>\n  <div style=\"width: 80px; height: 10px\" data-offset-x=\"50\" data-offset-y=\"25\"></div>\n  <div style=\"width: 40px; height: 20px\" data-offset-x=\"50\" data-offset-y=\"5\"></div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.inline-flexbox 11

assert_equals: <div class="inline-flexbox column-reverse align-content-flex-start wrap writing-mode-vertical" data-expected-width="280" data-expected-height="70"> <div style="width: 50px; height: 20px" data-offset-x="0" data-offset-y="0"></div> <div style="width: 100px; height: 50px" data-offset-x="50" data-offset-y="0"></div> <div style="width: 30px; height: 70px" data-offset-x="150" data-offset-y="0"></div> <div style="width: 100px; height: 30px" data-offset-x="180" data-offset-y="0"></div> </div> offsetLeft expected 0 but got 230

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:82:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at https://www1.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)

Asserts run

Pass	assert_true(true, "data-expected-width is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-expected-height is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-x is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-y is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Fail	assert_equals(230, 0, "\n<div class=\"inline-flexbox column-reverse align-content-flex-start wrap writing-mode-vertical\" data-expected-width=\"280\" data-expected-height=\"70\">\n <div style=\"width: 50px; height: 20px\" data-offset-x=\"0\" data-offset-y=\"0\"></div>\n <div style=\"width: 100px; height: 50px\" data-offset-x=\"50\" data-offset-y=\"0\"></div>\n <div style=\"width: 30px; height: 70px\" data-offset-x=\"150\" data-offset-y=\"0\"></div>\n <div style=\"width: 100px; height: 30px\" data-offset-x=\"180\" data-offset-y=\"0\"></div>\n</div>\noffsetLeft") at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.inline-flexbox 12

assert_equals: <div class="inline-flexbox column-reverse align-content-flex-start wrap writing-mode-vertical" style="width: 200px" data-expected-width="200" data-expected-height="100"> <div style="width: 50px; height: 20px" data-offset-x="0" data-offset-y="0"></div> <div style="width: 100px; height: 70px" data-offset-x="50" data-offset-y="0"></div> <div style="width: 30px; height: 50px" data-offset-x="150" data-offset-y="0"></div> <div style="width: 100px; height: 30px" data-offset-x="0" data-offset-y="70"></div> </div> height expected 100 but got 70

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:77:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://www1.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Pass

assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

assert_equals(70, 100, "\n<div class=\"inline-flexbox column-reverse align-content-flex-start wrap writing-mode-vertical\" style=\"width: 200px\" data-expected-width=\"200\" data-expected-height=\"100\">\n  <div style=\"width: 50px; height: 20px\" data-offset-x=\"0\" data-offset-y=\"0\"></div>\n  <div style=\"width: 100px; height: 70px\" data-offset-x=\"50\" data-offset-y=\"0\"></div>\n  <div style=\"width: 30px; height: 50px\" data-offset-x=\"150\" data-offset-y=\"0\"></div>\n  <div style=\"width: 100px; height: 30px\" data-offset-x=\"0\" data-offset-y=\"70\"></div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.inline-flexbox 13

assert_equals: <div class="inline-flexbox column-reverse align-content-flex-start wrap-reverse" data-expected-width="110" data-expected-height="60"> <div style="width: 100px; height: 20px" data-offset-x="10" data-offset-y="40"></div> <div style="width: 50px; height: 10px" data-offset-x="60" data-offset-y="30"></div> <div style="width: 70px; height: 10px" data-offset-x="40" data-offset-y="20"></div> <div style="width: 110px; height: 20px" data-offset-x="0" data-offset-y="0"></div> </div> width expected 110 but got 1264

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://www1.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Pass

assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

assert_equals(1264, 110, "\n<div class=\"inline-flexbox column-reverse align-content-flex-start wrap-reverse\" data-expected-width=\"110\" data-expected-height=\"60\">\n  <div style=\"width: 100px; height: 20px\" data-offset-x=\"10\" data-offset-y=\"40\"></div>\n  <div style=\"width: 50px; height: 10px\" data-offset-x=\"60\" data-offset-y=\"30\"></div>\n  <div style=\"width: 70px; height: 10px\" data-offset-x=\"40\" data-offset-y=\"20\"></div>\n  <div style=\"width: 110px; height: 20px\" data-offset-x=\"0\" data-offset-y=\"0\"></div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.inline-flexbox 14

assert_equals: <div class="inline-flexbox column-reverse align-content-flex-start wrap-reverse" style="height: 35px" data-expected-width="130" data-expected-height="35"> <div style="width: 10px; height: 20px" data-offset-x="120" data-offset-y="15"> </div> <div style="width: 50px; height: 10px" data-offset-x="80" data-offset-y="5"> </div> <div style="width: 80px; height: 10px" data-offset-x="0" data-offset-y="25"> </div> <div style="width: 40px; height: 20px" data-offset-x="40" data-offset-y="5"> </div> </div> width expected 130 but got 1264

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://www1.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Pass

assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

assert_equals(1264, 130, "\n<div class=\"inline-flexbox column-reverse align-content-flex-start wrap-reverse\" style=\"height: 35px\" data-expected-width=\"130\" data-expected-height=\"35\">\n  <div style=\"width: 10px; height: 20px\" data-offset-x=\"120\" data-offset-y=\"15\">\n  </div>\n  <div style=\"width: 50px; height: 10px\" data-offset-x=\"80\" data-offset-y=\"5\">\n  </div>\n  <div style=\"width: 80px; height: 10px\" data-offset-x=\"0\" data-offset-y=\"25\">\n  </div>\n  <div style=\"width: 40px; height: 20px\" data-offset-x=\"40\" data-offset-y=\"5\">\n  </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.inline-flexbox 15

assert_equals: <div class="inline-flexbox column-reverse align-content-flex-start wrap-reverse writing-mode-vertical" data-expected-width="280" data-expected-height="70"> <div style="width: 50px; height: 70px" data-offset-x="0" data-offset-y="0"></div> <div style="width: 100px; height: 20px" data-offset-x="50" data-offset-y="50"></div> <div style="width: 30px; height: 50px" data-offset-x="150" data-offset-y="20"></div> <div style="width: 100px; height: 30px" data-offset-x="180" data-offset-y="40"></div> </div> offsetLeft expected 0 but got 230

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:82:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at https://www1.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)

Asserts run

Pass	assert_true(true, "data-expected-width is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-expected-height is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-x is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-y is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Fail	assert_equals(230, 0, "\n<div class=\"inline-flexbox column-reverse align-content-flex-start wrap-reverse writing-mode-vertical\" data-expected-width=\"280\" data-expected-height=\"70\">\n <div style=\"width: 50px; height: 70px\" data-offset-x=\"0\" data-offset-y=\"0\"></div>\n <div style=\"width: 100px; height: 20px\" data-offset-x=\"50\" data-offset-y=\"50\"></div>\n <div style=\"width: 30px; height: 50px\" data-offset-x=\"150\" data-offset-y=\"20\"></div>\n <div style=\"width: 100px; height: 30px\" data-offset-x=\"180\" data-offset-y=\"40\"></div>\n</div>\noffsetLeft") at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.inline-flexbox 16

assert_equals: <div class="inline-flexbox column-reverse align-content-flex-start wrap-reverse writing-mode-vertical" style="width: 200px" data-expected-width="200" data-expected-height="120"> <div style="width: 50px; height: 20px" data-offset-x="0" data-offset-y="100"> </div> <div style="width: 100px; height: 50px" data-offset-x="50" data-offset-y="70"> </div> <div style="width: 30px; height: 30px" data-offset-x="150" data-offset-y="90"> </div> <div style="width: 100px; height: 70px" data-offset-x="0" data-offset-y="0"> </div> </div> height expected 120 but got 70

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:77:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://www1.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Pass

assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

assert_equals(70, 120, "\n<div class=\"inline-flexbox column-reverse align-content-flex-start wrap-reverse writing-mode-vertical\" style=\"width: 200px\" data-expected-width=\"200\" data-expected-height=\"120\">\n  <div style=\"width: 50px; height: 20px\" data-offset-x=\"0\" data-offset-y=\"100\">\n  </div>\n  <div style=\"width: 100px; height: 50px\" data-offset-x=\"50\" data-offset-y=\"70\">\n  </div>\n  <div style=\"width: 30px; height: 30px\" data-offset-x=\"150\" data-offset-y=\"90\">\n  </div>\n  <div style=\"width: 100px; height: 70px\" data-offset-x=\"0\" data-offset-y=\"0\">\n  </div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)