CSS Flexbox Test: Testing automatic minimun size of <input> flex items in a row flex container

Summary

Harness status: OK

Found 15 tests

6 Pass

9 Fail

Details

Result

Test Name

Message

Pass

.flexbox 1

Asserts run

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

Pass

.flexbox 2

Asserts run

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

Fail

.flexbox 3

assert_equals: <div class="flexbox"> <div class="spacer"></div> <input type="button" value="XXXXXXX" class="test1" data-expected-width="140"> </div> width expected 140 but got 100

    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 https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)

Asserts run

Pass

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

Fail

assert_equals(100, 140, "\n<div class=\"flexbox\">\n      <div class=\"spacer\"></div>\n      <input type=\"button\" value=\"XXXXXXX\" class=\"test1\" data-expected-width=\"140\">\n    </div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox 4

assert_equals: <div class="flexbox"> <div class="spacer"></div> <input type="submit" value="XXXXXXX" class="test1" data-expected-width="140"> </div> width expected 140 but got 100

    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 https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)

Asserts run

Pass

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

Fail

assert_equals(100, 140, "\n<div class=\"flexbox\">\n      <div class=\"spacer\"></div>\n      <input type=\"submit\" value=\"XXXXXXX\" class=\"test1\" data-expected-width=\"140\">\n    </div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox 5

assert_equals: <div class="flexbox"> <div class="spacer"></div> <input type="reset" value="XXXXXXX" class="test1" data-expected-width="140"> </div> width expected 140 but got 100

    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 https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)

Asserts run

Pass

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

Fail

assert_equals(100, 140, "\n<div class=\"flexbox\">\n      <div class=\"spacer\"></div>\n      <input type=\"reset\" value=\"XXXXXXX\" class=\"test1\" data-expected-width=\"140\">\n    </div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.flexbox 6

Asserts run

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

Pass

.flexbox 7

Asserts run

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

Fail

.flexbox 8

assert_equals: <div class="flexbox"> <div class="spacer"></div> <input type="button" value="XXXXXXX" class="test2" data-expected-width="140"> </div> width expected 140 but got 100

    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 https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)

Asserts run

Pass

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

Fail

assert_equals(100, 140, "\n<div class=\"flexbox\">\n      <div class=\"spacer\"></div>\n      <input type=\"button\" value=\"XXXXXXX\" class=\"test2\" data-expected-width=\"140\">\n    </div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox 9

assert_equals: <div class="flexbox"> <div class="spacer"></div> <input type="submit" value="XXXXXXX" class="test2" data-expected-width="140"> </div> width expected 140 but got 100

    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 https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)

Asserts run

Pass

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

Fail

assert_equals(100, 140, "\n<div class=\"flexbox\">\n      <div class=\"spacer\"></div>\n      <input type=\"submit\" value=\"XXXXXXX\" class=\"test2\" data-expected-width=\"140\">\n    </div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox 10

assert_equals: <div class="flexbox"> <div class="spacer"></div> <input type="reset" value="XXXXXXX" class="test2" data-expected-width="140"> </div> width expected 140 but got 100

    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 https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)

Asserts run

Pass

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

Fail

assert_equals(100, 140, "\n<div class=\"flexbox\">\n      <div class=\"spacer\"></div>\n      <input type=\"reset\" value=\"XXXXXXX\" class=\"test2\" data-expected-width=\"140\">\n    </div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.flexbox 11

Asserts run

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

Pass

.flexbox 12

Asserts run

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

Fail

.flexbox 13

assert_equals: <div class="flexbox"> <div class="spacer"></div> <input type="button" value="XXXXXXX" class="test3" data-expected-width="140"> </div> width expected 140 but got 100

    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 https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)

Asserts run

Pass

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

Fail

assert_equals(100, 140, "\n<div class=\"flexbox\">\n      <div class=\"spacer\"></div>\n      <input type=\"button\" value=\"XXXXXXX\" class=\"test3\" data-expected-width=\"140\">\n    </div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox 14

assert_equals: <div class="flexbox"> <div class="spacer"></div> <input type="submit" value="XXXXXXX" class="test3" data-expected-width="140"> </div> width expected 140 but got 100

    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 https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)

Asserts run

Pass

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

Fail

assert_equals(100, 140, "\n<div class=\"flexbox\">\n      <div class=\"spacer\"></div>\n      <input type=\"submit\" value=\"XXXXXXX\" class=\"test3\" data-expected-width=\"140\">\n    </div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox 15

assert_equals: <div class="flexbox"> <div class="spacer"></div> <input type="reset" value="XXXXXXX" class="test3" data-expected-width="140"> </div> width expected 140 but got 100

    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 https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)

Asserts run

Pass

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

Fail

assert_equals(100, 140, "\n<div class=\"flexbox\">\n      <div class=\"spacer\"></div>\n      <input type=\"reset\" value=\"XXXXXXX\" class=\"test3\" data-expected-width=\"140\">\n    </div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)