Grid with justify-content: start.

Grid with justify-content: center.

Grid with justify-content: end.

Grid with align-content: start.

Grid with align-content: center.

Grid with align-content: end.

Summary

Harness status: OK

Found 6 tests

Details

ResultTest NameMessage
Fail.grid 1assert_equals: <div class="container"> <div class="grid freeSpaceForColumnsGrid justifyContentStart"> <div class="item" data-offset-x="0" data-offset-y="0" data-expected-width="35" data-expected-height="50"></div> </div> </div> width expected 35 but got 50
    at assert_tolerance (https://not-wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://not-wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://not-wpt.live/resources/check-layout-th.js:7:25)
    at https://not-wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)
Asserts run
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)
Fail
assert_equals(50, 35, "\n<div class=\"container\">\n    <div class=\"grid freeSpaceForColumnsGrid justifyContentStart\">\n        <div class=\"item\" data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"35\" data-expected-height=\"50\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 2assert_equals: <div class="container"> <div class="grid freeSpaceForColumnsGrid justifyContentCenter"> <div class="item" data-offset-x="8" data-offset-y="0" data-expected-width="35" data-expected-height="50"></div> </div> </div> width expected 35 but got 50
    at assert_tolerance (https://not-wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://not-wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://not-wpt.live/resources/check-layout-th.js:7:25)
    at https://not-wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)
Asserts run
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)
Fail
assert_equals(50, 35, "\n<div class=\"container\">\n    <div class=\"grid freeSpaceForColumnsGrid justifyContentCenter\">\n        <div class=\"item\" data-offset-x=\"8\" data-offset-y=\"0\" data-expected-width=\"35\" data-expected-height=\"50\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 3assert_equals: <div class="container"> <div class="grid freeSpaceForColumnsGrid justifyContentEnd"> <div class="item" data-offset-x="15" data-offset-y="0" data-expected-width="35" data-expected-height="50"></div> </div> </div> width expected 35 but got 50
    at assert_tolerance (https://not-wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://not-wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://not-wpt.live/resources/check-layout-th.js:7:25)
    at https://not-wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)
Asserts run
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)
Fail
assert_equals(50, 35, "\n<div class=\"container\">\n    <div class=\"grid freeSpaceForColumnsGrid justifyContentEnd\">\n        <div class=\"item\" data-offset-x=\"15\" data-offset-y=\"0\" data-expected-width=\"35\" data-expected-height=\"50\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 4assert_equals: <div class="container"> <div class="grid freeSpaceForRowsGrid alignContentStart"> <div class="item2" data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expected-height="70"></div> </div> </div> height expected 70 but got 100
    at assert_tolerance (https://not-wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://not-wpt.live/resources/check-layout-th.js:77:9)
    at checkSubtreeExpectedValues (https://not-wpt.live/resources/check-layout-th.js:7:25)
    at https://not-wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)
Asserts run
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)
Fail
assert_equals(100, 70, "\n<div class=\"container\">\n    <div class=\"grid freeSpaceForRowsGrid alignContentStart\">\n        <div class=\"item2\" data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"50\" data-expected-height=\"70\"></div>\n    </div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 5assert_equals: <div class="container"> <div class="grid freeSpaceForRowsGrid alignContentCenter"> <div class="item2" data-offset-x="0" data-offset-y="15" data-expected-width="50" data-expected-height="70"></div> </div> </div> height expected 70 but got 100
    at assert_tolerance (https://not-wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://not-wpt.live/resources/check-layout-th.js:77:9)
    at checkSubtreeExpectedValues (https://not-wpt.live/resources/check-layout-th.js:7:25)
    at https://not-wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)
Asserts run
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)
Fail
assert_equals(100, 70, "\n<div class=\"container\">\n    <div class=\"grid freeSpaceForRowsGrid alignContentCenter\">\n        <div class=\"item2\" data-offset-x=\"0\" data-offset-y=\"15\" data-expected-width=\"50\" data-expected-height=\"70\"></div>\n    </div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 6assert_equals: <div class="container"> <div class="grid freeSpaceForRowsGrid alignContentEnd"> <div class="item2" data-offset-x="0" data-offset-y="30" data-expected-width="50" data-expected-height="70"></div> </div> </div> height expected 70 but got 100
    at assert_tolerance (https://not-wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://not-wpt.live/resources/check-layout-th.js:77:9)
    at checkSubtreeExpectedValues (https://not-wpt.live/resources/check-layout-th.js:7:25)
    at https://not-wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)
Asserts run
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)
Fail
assert_equals(100, 70, "\n<div class=\"container\">\n    <div class=\"grid freeSpaceForRowsGrid alignContentEnd\">\n        <div class=\"item2\" data-offset-x=\"0\" data-offset-y=\"30\" data-expected-width=\"50\" data-expected-height=\"70\"></div>\n    </div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)