CSS Test: Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio.

Summary

Harness status: OK

Found 18 tests

8 Pass

10 Fail

Details

Result

Test Name

Message

Fail

.flexbox > img 1

assert_equals: <img src="support/solidblue.png" data-expected-width="40" data-expected-height="40"> width expected 40 but got 16

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

Pass

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

Fail

assert_equals(16, 40, "\n<img src=\"support/solidblue.png\" data-expected-width=\"40\" data-expected-height=\"40\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.flexbox > img 2

Asserts run

Pass

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

Pass

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

Fail

.flexbox > img 3

assert_equals: <img src="support/solidblue.png" style="height: 30px" data-expected-width="40" data-expected-height="40"> width expected 40 but got 16

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

Pass

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

Fail

assert_equals(16, 40, "\n<img src=\"support/solidblue.png\" style=\"height: 30px\" data-expected-width=\"40\" data-expected-height=\"40\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox > img 4

assert_equals: <img src="support/solidblue.png" style="flex: 1 1 30px" data-expected-width="40" data-expected-height="40"> width expected 40 but got 16

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

Pass

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

Fail

assert_equals(16, 40, "\n<img src=\"support/solidblue.png\" style=\"flex: 1 1 30px\" data-expected-width=\"40\" data-expected-height=\"40\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox > img 5

assert_equals: <img src="support/solidblue.png" style="min-width: 34px" data-expected-width="40" data-expected-height="40"> width expected 40 but got 34

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

Pass

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

Fail

assert_equals(34, 40, "\n<img src=\"support/solidblue.png\" style=\"min-width: 34px\" data-expected-width=\"40\" data-expected-height=\"40\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox > img 6

assert_equals: <img src="support/solidblue.png" style="min-height: 34px" data-expected-width="40" data-expected-height="40"> width expected 40 but got 16

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

Pass

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

Fail

assert_equals(16, 40, "\n<img src=\"support/solidblue.png\" style=\"min-height: 34px\" data-expected-width=\"40\" data-expected-height=\"40\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox > img 7

assert_equals: <img src="support/solidblue.png" style="min-width: 30px; min-height: 34px" data-expected-width="40" data-expected-height="40"> width expected 40 but got 30

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

Pass

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

Fail

assert_equals(30, 40, "\n<img src=\"support/solidblue.png\" style=\"min-width: 30px;\n                                              min-height: 34px\" data-expected-width=\"40\" data-expected-height=\"40\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox > img 8

assert_equals: <img src="support/solidblue.png" style="min-width: 34px; min-height: 30px" data-expected-width="40" data-expected-height="40"> width expected 40 but got 34

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

Pass

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

Fail

assert_equals(34, 40, "\n<img src=\"support/solidblue.png\" style=\"min-width: 34px;\n                                              min-height: 30px\" data-expected-width=\"40\" data-expected-height=\"40\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.flexbox > img 9

Asserts run

Pass

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

Pass

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

Fail

.flexbox > img 10

assert_equals: <img src="support/solidblue.png" style="max-height: 10px" data-expected-width="10" data-expected-height="10"> width expected 10 but got 16

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

Pass

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

Fail

assert_equals(16, 10, "\n<img src=\"support/solidblue.png\" style=\"max-height: 10px\" data-expected-width=\"10\" data-expected-height=\"10\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox > img 11

assert_equals: <img src="support/solidblue.png" style="max-width: 10px; max-height: 6px" data-expected-width="6" data-expected-height="6"> width expected 6 but got 10

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

Pass

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

Fail

assert_equals(10, 6, "\n<img src=\"support/solidblue.png\" style=\"max-width: 10px;\n                                              max-height: 6px\" data-expected-width=\"6\" data-expected-height=\"6\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.flexbox > img 12

Asserts run

Pass

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

Pass

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

Pass

.flexbox > img 13

Asserts run

Pass

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

Pass

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

Pass

.flexbox > img 14

Asserts run

Pass

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

Pass

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

Fail

.flexbox > img 15

assert_equals: <img src="support/solidblue.png" style="min-width: 30px; height: 10px" data-expected-width="40" data-expected-height="40"> width expected 40 but got 30

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

Pass

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

Fail

assert_equals(30, 40, "\n<img src=\"support/solidblue.png\" style=\"min-width: 30px;\n                                              height: 10px\" data-expected-width=\"40\" data-expected-height=\"40\">\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.flexbox > img 16

Asserts run

Pass

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

Pass

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

Pass

.flexbox > img 17

Asserts run

Pass

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

Pass

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

Pass

.flexbox > img 18

Asserts run

Pass

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

Pass

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