CSS Flexbox: flexbox with min-size: auto

Summary

Harness status: OK

Found 6 tests

2 Pass

4 Fail

Details

Result

Test Name

Message

Fail

.flexbox, .inline-flexbox 1

assert_equals: <div class="flexbox" data-expected-width="10"> <div class="item" data-expected-width="100"> <div class="child" data-expected-width="100"></div> </div> </div> width expected 100 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: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)

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, 100, "\n<div class=\"flexbox\" data-expected-width=\"10\">\n    <div class=\"item\" data-expected-width=\"100\">\n        <div class=\"child\" data-expected-width=\"100\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.flexbox, .inline-flexbox 2

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

Fail

.flexbox, .inline-flexbox 3

assert_equals: <div class="inline-flexbox column" data-expected-height="110"> <div class="item flex-basis-20" data-expected-height="100"> <div class="child" data-expected-height="100"></div> </div> </div> height expected 110 but got 100

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

Fail

assert_equals(100, 110, "\n<div class=\"inline-flexbox column\" data-expected-height=\"110\">\n    <div class=\"item flex-basis-20\" data-expected-height=\"100\">\n        <div class=\"child\" data-expected-height=\"100\"></div>\n    </div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.flexbox, .inline-flexbox 4

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

.flexbox, .inline-flexbox 5

assert_equals: <div class="flexbox" data-expected-width="10"> <div class="item flex-basis-20" data-expected-width="100"> <div class="child" data-expected-width="100"></div> </div> </div> width expected 100 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: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)

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, 100, "\n<div class=\"flexbox\" data-expected-width=\"10\">\n    <div class=\"item flex-basis-20\" data-expected-width=\"100\">\n        <div class=\"child\" data-expected-width=\"100\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox, .inline-flexbox 6

assert_equals: <div class="inline-flexbox" data-expected-width="110"> <div class="item flex-basis-20" data-expected-width="100"> <div class="child" data-expected-width="100"></div> </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)

Fail

assert_equals(1264, 110, "\n<div class=\"inline-flexbox\" data-expected-width=\"110\">\n    <div class=\"item flex-basis-20\" data-expected-width=\"100\">\n        <div class=\"child\" data-expected-width=\"100\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)