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

Summary

Harness status: OK

Found 1 tests

1 Fail

Details

Result

Test Name

Message

Fail

.flexbox 1

assert_equals: <div class="flexbox column wrap" id="test" style="height: 60px;"> <div class="item" data-expected-width="290"></div> <div class="item" data-expected-width="290"></div> <div class="item" data-expected-width="290"></div> <div class="item" data-expected-width="290"></div> </div> width expected 290 but got 590

    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 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)

Fail

assert_equals(590, 290, "\n<div class=\"flexbox column wrap\" id=\"test\" style=\"height: 60px;\">\n  <div class=\"item\" data-expected-width=\"290\"></div>\n  <div class=\"item\" data-expected-width=\"290\"></div>\n  <div class=\"item\" data-expected-width=\"290\"></div>\n  <div class=\"item\" data-expected-width=\"290\"></div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)