CSS Overflow Test: Ensure that padding inflation for inline elements are carried out as part of containing line box's bounds.

Summary

Harness status: OK

Found 6 tests

5 Pass

1 Fail

Details

Result

Test Name

Message

Pass

.scroller 1

Asserts run

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

Pass

.scroller 2

Asserts run

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

Pass

.scroller 3

Asserts run

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

Pass

.scroller 4

Asserts run

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

Pass

.scroller 5

Asserts run

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

Fail

.scroller 6

assert_equals: <div class="scroller" data-expected-scroll-height="280" style="line-height: 0px;"> <div class="filler"></div> <img src="../css-images/support/60x60-green.png" style="margin-bottom: 100px;"> </div> scrollHeight expected 280 but got 236

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

Fail

assert_equals(236, 280, "\n<div class=\"scroller\" data-expected-scroll-height=\"280\" style=\"line-height: 0px;\">\n  <div class=\"filler\"></div>\n  <img src=\"../css-images/support/60x60-green.png\" style=\"margin-bottom: 100px;\">\n</div>\nscrollHeight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)