Pass condition is 4 green 100x100 squares and 1 0x0 square.

Firefox 84a1 passes. Chrome 87 fails them all by making the green rectangles be 200x100.

Transferred size suggestion is the stretched 100px:

Have to subtract the margin from the stretched height to get the transferred size suggestion:

Have to subtract a margin larger than the stretched height to get 0px transferred size suggestion:

Have to subtract the margin from the stretched height (ignoring the presence of a border) to get the transferred size suggestion:

Stretched transferred size suggestion has to obey min-height:

Summary

Harness status: OK

Found 5 tests

Details

ResultTest NameMessage
Failimg 1assert_equals: <img src="support/200x200-green.png" data-expected-height="100" data-expected-width="100"> width expected 100 but got 16
    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:72:9)
    at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:2684:25)
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(16, 100, "\n<img src=\"support/200x200-green.png\" data-expected-height=\"100\" data-expected-width=\"100\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Failimg 2assert_equals: <img src="support/200x200-green.png" style="margin-bottom: 20px" data-expected-height="100" data-expected-width="100"> width expected 100 but got 16
    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:72:9)
    at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:2684:25)
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(16, 100, "\n<img src=\"support/200x200-green.png\" style=\"margin-bottom: 20px\" data-expected-height=\"100\" data-expected-width=\"100\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Failimg 3assert_equals: <img src="support/200x200-green.png" style="margin-bottom: 160px" data-expected-height="0" data-expected-width="0"> width expected 0 but got 16
    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:72:9)
    at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:2684:25)
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(16, 0, "\n<img src=\"support/200x200-green.png\" style=\"margin-bottom: 160px\" data-expected-height=\"0\" data-expected-width=\"0\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Failimg 4assert_equals: <img src="support/200x200-green.png" style="border-right: 10px solid black; margin-bottom: 20px" data-expected-height="100" data-expected-width="110"> width expected 110 but got 26
    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:72:9)
    at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:2684:25)
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(26, 110, "\n<img src=\"support/200x200-green.png\" style=\"border-right: 10px solid black; margin-bottom: 20px\" data-expected-height=\"100\" data-expected-width=\"110\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Failimg 5assert_equals: <img src="support/200x200-green.png" style="min-height: 100px;" data-expected-height="100" data-expected-width="100"> width expected 100 but got 16
    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:72:9)
    at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:2684:25)
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(16, 100, "\n<img src=\"support/200x200-green.png\" style=\"min-height: 100px;\" data-expected-height=\"100\" data-expected-width=\"100\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)