CSS Flexbox: align-items: center/flex-end and bottom padding.

Summary

Harness status: OK

Found 11 tests

6 Pass

5 Fail

Details

Result

Test Name

Message

Fail

.flexbox 1

assert_equals: <div class="flexbox align-items-flex-end" data-expected-scroll-height="50"> <div></div> </div> scrollHeight expected 50 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: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(100, 50, "\n<div class=\"flexbox align-items-flex-end\" data-expected-scroll-height=\"50\">\n    <div></div>\n</div>\nscrollHeight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.flexbox 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)

Fail

.flexbox 3

assert_equals: <div class="flexbox align-items-center" data-expected-scroll-height="75"> <div></div> </div> scrollHeight expected 75 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: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(100, 75, "\n<div class=\"flexbox align-items-center\" data-expected-scroll-height=\"75\">\n    <div></div>\n</div>\nscrollHeight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.flexbox 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

.flexbox 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

.flexbox 6

assert_equals: <div class="flexbox align-items-flex-end vertical-padding" data-expected-scroll-height="65"> <div></div> </div> scrollHeight expected 65 but got 115

    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(115, 65, "\n<div class=\"flexbox align-items-flex-end vertical-padding\" data-expected-scroll-height=\"65\">\n    <div></div>\n</div>\nscrollHeight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox 7

assert_equals: <div class="flexbox align-items-flex-end vertical-padding vertical-border" data-expected-scroll-height="65"> <div></div> </div> scrollHeight expected 65 but got 115

    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(115, 65, "\n<div class=\"flexbox align-items-flex-end vertical-padding vertical-border\" data-expected-scroll-height=\"65\">\n    <div></div>\n</div>\nscrollHeight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox 8

assert_equals: <div class="flexbox align-items-center vertical-padding" data-expected-scroll-height="90"> <div></div> </div> scrollHeight expected 90 but got 115

    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(115, 90, "\n<div class=\"flexbox align-items-center vertical-padding\" data-expected-scroll-height=\"90\">\n    <div></div>\n</div>\nscrollHeight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.flexbox 9

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

.flexbox 10

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

.flexbox 11

Asserts run

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