CSS Flexbox: Shrink column

Summary

Harness status: OK

Found 1 tests

1 Fail

Details

Result

Test Name

Message

Fail

body 1

assert_equals: <body class="flexbox column"> <div class="flexbox column flex-one-one-auto"> <div class="flex-one-one-auto green small" data-expected-height="250" id="target"> <div class="inner"></div> </div> <div class="flex-one-one-auto blue" data-expected-height="350"> <div class="inner"></div> </div> </div> <div id="log">Running, 0 complete, 1 remain</div> </body> height expected 250 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 https://www1.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)

Fail

assert_equals(100, 250, "\n<body class=\"flexbox column\">\n\n<div class=\"flexbox column flex-one-one-auto\">\n  <div class=\"flex-one-one-auto green small\" data-expected-height=\"250\" id=\"target\">\n    <div class=\"inner\"></div>\n  </div>\n  <div class=\"flex-one-one-auto blue\" data-expected-height=\"350\">\n    <div class=\"inner\"></div>\n  </div>\n</div>\n\n<div id=\"log\">Running, 0 complete, 1 remain</div>\n</body>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)