Proper size of flex item in a column flexbox with height set via top/bottom.

Summary

Harness status: OK

Found 2 tests

2 Fail

Details

Result

Test Name

Message

Fail

.flexbox 1

assert_equals: <div class="container"> <div data-expected-height="100" class="flexbox column"> <div data-expected-height="30" data-expected-width="80" style="height: 30px"></div> <div data-expected-height="50" data-expected-width="80" style="flex: 1;"></div> </div> </div> height expected 50 but got 0

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

Asserts run

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-expected-height is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
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-expected-width is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Fail	assert_equals(0, 50, "\n<div class=\"container\">\n <div data-expected-height=\"100\" class=\"flexbox column\">\n <div data-expected-height=\"30\" data-expected-width=\"80\" style=\"height: 30px\"></div>\n <div data-expected-height=\"50\" data-expected-width=\"80\" style=\"flex: 1;\"></div>\n </div>\n</div>\nheight") at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox 2

assert_equals: <div class="container"> <div class="flexbox column wrap"> <div data-expected-height="50" data-expected-width="40" style="height: 50px"></div> <div data-expected-height="80" data-expected-width="40" style="flex: 1 50px;"></div> </div> </div> width expected 40 but got 80

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

Asserts run

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-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)

Fail

assert_equals(80, 40, "\n<div class=\"container\">\n    <div class=\"flexbox column wrap\">\n        <div data-expected-height=\"50\" data-expected-width=\"40\" style=\"height: 50px\"></div>\n        <div data-expected-height=\"80\" data-expected-width=\"40\" style=\"flex: 1 50px;\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)