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

Summary

Harness status: OK

Found 18 tests

7 Pass

11 Fail

Details

Result

Test Name

Message

Pass

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

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

Fail

.flexbox > img 2

assert_equals: <img src="support/solidblue.png" style="width: 30px" data-expected-width="30" data-expected-height="30"> height expected 30 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:77: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, 30, "\n<img src=\"support/solidblue.png\" style=\"width: 30px\" data-expected-width=\"30\" data-expected-height=\"30\">\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox > img 3

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

Fail

.flexbox > img 4

assert_equals: <img src="support/solidblue.png" style="flex: 0 0 30px" data-expected-width="30" data-expected-height="30"> width expected 30 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, 30, "\n<img src=\"support/solidblue.png\" style=\"flex: 0 0 30px\" data-expected-width=\"30\" data-expected-height=\"30\">\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="34" data-expected-height="34"> height expected 34 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:77: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, 34, "\n<img src=\"support/solidblue.png\" style=\"min-width: 34px\" data-expected-width=\"34\" data-expected-height=\"34\">\nheight")
    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="34" data-expected-height="34"> width expected 34 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, 34, "\n<img src=\"support/solidblue.png\" style=\"min-height: 34px\" data-expected-width=\"34\" data-expected-height=\"34\">\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="34" data-expected-height="34"> width expected 34 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, 34, "\n<img src=\"support/solidblue.png\" style=\"min-width: 30px;\n                                              min-height: 34px\" data-expected-width=\"34\" data-expected-height=\"34\">\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="34" data-expected-height="34"> height expected 34 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:77: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, 34, "\n<img src=\"support/solidblue.png\" style=\"min-width: 34px;\n                                              min-height: 30px\" data-expected-width=\"34\" data-expected-height=\"34\">\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.flexbox > img 9

assert_equals: <img src="support/solidblue.png" style="max-width: 10px" data-expected-width="10" data-expected-height="10"> height 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:77: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-width: 10px\" data-expected-width=\"10\" data-expected-height=\"10\">\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

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)

Fail

.flexbox > img 12

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

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)

Pass

.flexbox > img 15

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