CSS Flexbox: percentage height of replaced elements

Summary

Harness status: OK

Found 4 tests

1 Pass

3 Fail

Details

Result

Test Name

Message

Fail

.flexbox 1

assert_equals: <div class="flexbox" style="width: 100px; height: 150px; outline: 5px solid black;"> <div style="background: red;"> <img style="height: 100%; width: 100%;" src="support/100x100-green.png" data-expected-height="150"> </div> </div> height expected 150 but got 24

    at assert_tolerance (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:77:9)
    at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
    at https://xn--n8j6ds53lwwkrqhv28a.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(24, 150, "\n<div class=\"flexbox\" style=\"width: 100px; height: 150px; outline: 5px solid black;\">\n  <div style=\"background: red;\">\n    <img style=\"height: 100%; width: 100%;\" src=\"support/100x100-green.png\" data-expected-height=\"150\">\n  </div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox 2

assert_equals: <div class="flexbox column" style="width: 100px; height: 150px; outline: 5px solid black;"> <div class="flex-one" style="background: red;"> <img style="height: 100%; width: 100%;" src="support/100x100-green.png" data-expected-height="150"> </div> </div> height expected 150 but got 24

    at assert_tolerance (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:77:9)
    at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
    at https://xn--n8j6ds53lwwkrqhv28a.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(24, 150, "\n<div class=\"flexbox column\" style=\"width: 100px; height: 150px; outline: 5px solid black;\">\n  <div class=\"flex-one\" style=\"background: red;\">\n    <img style=\"height: 100%; width: 100%;\" src=\"support/100x100-green.png\" data-expected-height=\"150\">\n  </div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox 3

assert_equals: <div class="flexbox" style="width: 100px; height: 150px; outline: 5px solid black;"> <div style="background: red;"> <object style="height: 100%; width: 100%;" data="support/100x100-green.png" data-expected-height="150"></object> </div> </div> height expected 150 but got 0

    at assert_tolerance (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:77:9)
    at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
    at https://xn--n8j6ds53lwwkrqhv28a.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(0, 150, "\n<div class=\"flexbox\" style=\"width: 100px; height: 150px; outline: 5px solid black;\">\n  <div style=\"background: red;\">\n    <object style=\"height: 100%; width: 100%;\" data=\"support/100x100-green.png\" data-expected-height=\"150\"></object>\n  </div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.flexbox 4

Asserts run

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