CSS Containment Test: Size containment on grid containers

Summary

Harness status: OK

Found 39 tests

36 Pass

3 Fail

Details

Result

Test Name

Message

Pass

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

Pass

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

Pass

.grid 3

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

.grid 4

assert_equals: <div class="grid" style="grid: 50px / 100px; overflow: scroll;" data-expected-width="115" data-expected-height="65"> </div> width expected 115 but got 100

    at assert_tolerance (http://wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (http://wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (http://wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (http://wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (http://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(100, 115, "\n<div class=\"grid\" style=\"grid: 50px / 100px; overflow: scroll;\" data-expected-width=\"115\" data-expected-height=\"65\">\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.grid 5

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

.grid 6

assert_equals: <div class="grid" style="grid: 50px / 100px; width: min-content; height: min-content; overflow: scroll;" data-expected-width="115" data-expected-height="65"> </div> width expected 115 but got 100

    at assert_tolerance (http://wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (http://wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (http://wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (http://wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (http://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(100, 115, "\n<div class=\"grid\" style=\"grid: 50px / 100px; width: min-content; height: min-content; overflow: scroll;\" data-expected-width=\"115\" data-expected-height=\"65\">\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.grid 7

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

.grid 8

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

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

Pass

.grid 10

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

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

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

Pass

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

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

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

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

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

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

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

Pass

.grid 19

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

.grid 20

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

.grid 21

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

.grid 22

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

.grid 23

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

.grid 24

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

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

Pass

.grid 26

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

.grid 27

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

.grid 28

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

.grid 29

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

.grid 30

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

.grid 31

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

.grid 32

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

.grid 33

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

.grid 34

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

.grid 35

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

.grid 36

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

.grid 37

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

.grid 38

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

.grid 39

assert_equals: <div class="grid" style="grid: auto 50px / 100px auto;" data-expected-width="100" data-expected-height="50"> <div data-expected-width="100" data-expected-height="10" data-offset-x="0" data-offset-y="0">X</div> <div data-expected-width="40" data-expected-height="10" data-offset-x="100" data-offset-y="0">XX</div> <div data-expected-width="100" data-expected-height="50" data-offset-x="0" data-offset-y="10">XXX</div> <div data-expected-width="40" data-expected-height="50" data-offset-x="100" data-offset-y="10">XXXX</div> </div> width expected 40 but got 28

    at assert_tolerance (http://wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (http://wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (http://wpt.live/resources/check-layout-th.js:7:25)
    at http://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)
Pass	assert_true(true, "data-expected-height is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
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	assert_true(true, "data-offset-x is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-y is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
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	assert_true(true, "data-offset-x is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-y is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Fail	assert_equals(28, 40, "\n<div class=\"grid\" style=\"grid: auto 50px / 100px auto;\" data-expected-width=\"100\" data-expected-height=\"50\">\n <div data-expected-width=\"100\" data-expected-height=\"10\" data-offset-x=\"0\" data-offset-y=\"0\">X</div>\n <div data-expected-width=\"40\" data-expected-height=\"10\" data-offset-x=\"100\" data-offset-y=\"0\">XX</div>\n <div data-expected-width=\"100\" data-expected-height=\"50\" data-offset-x=\"0\" data-offset-y=\"10\">XXX</div>\n <div data-expected-width=\"40\" data-expected-height=\"50\" data-offset-x=\"100\" data-offset-y=\"10\">XXXX</div>\n</div>\nwidth") at assert_tolerance ( /resources/check-layout-th.js:24:9)