direction: LTR | align-content: 'center'

direction: LTR | align-content: 'right'

direction: RTL | align-content: 'right'

direction: RTL | align-content: 'start'

direction: LTR | justify-content: 'center'

direction: LTR | justify-content: 'end'

direction: RTL | justify-content: 'end'

direction: RTL | justify-content: 'start'

direction: RTL | justify-content: 'stretch'

direction: LTR | justify-content: 'space-evenly'

direction: LTR | justify-content: 'space-between'

direction: LTR | justify-content: 'space-around'

border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
direction: LTR (parall) | align-items: 'self-start' | justify-items: 'self-start'

border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
direction: LTR (ortho) | align-items: 'self-end' | justify-items: 'self-end'

border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
direction: RTL | align-items: 'right' | justify-items: 'right'

border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
direction: RTL (parall) | align-items: 'self-start' | justify-items: 'self-start'

Negative free space. justify-content: start

Negative free space. justify-content: center

Negative free space. justify-content: end

Negative free space. align-content: start

Negative free space. align-content: center

Negative free space. align-content: end

Summary

Harness status: OK

Found 25 tests

Details

ResultTest NameMessage
Fail.grid 1assert_equals: <div class="container"> <div class="grid grid100And200 fit-content alignItemsCenter gridRowColumnGaps" data-expected-width="220" data-expected-height="415"> <div class="cell alignSelfAuto firstRowFirstColumn" data-offset-x="0" data-offset-y="80" data-expected-width="20" data-expected-height="40"></div> <div class="cell firstRowSecondColumn" data-offset-x="120" data-offset-y="80" data-expected-width="20" data-expected-height="40"></div> <div class="cell alignSelfSelfStart secondRowFirstColumn" data-offset-x="0" data-offset-y="215" data-expected-width="20" data-expected-height="40"></div> <div class="cell alignSelfSelfEnd secondRowSecondColumn" data-offset-x="120" data-offset-y="375" data-expected-width="20" data-expected-height="40"></div> </div> </div> width expected 220 but got 1264
    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 Test.<anonymous> (https://not-wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://not-wpt.live/resources/testharness.js:2638: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(1264, 220, "\n<div class=\"container\">\n    <div class=\"grid grid100And200 fit-content alignItemsCenter gridRowColumnGaps\" data-expected-width=\"220\" data-expected-height=\"415\">\n        <div class=\"cell alignSelfAuto firstRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"80\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell firstRowSecondColumn\" data-offset-x=\"120\" data-offset-y=\"80\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell alignSelfSelfStart secondRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"215\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell alignSelfSelfEnd secondRowSecondColumn\" data-offset-x=\"120\" data-offset-y=\"375\" data-expected-width=\"20\" data-expected-height=\"40\"></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 grid100And200 fit-content verticalLR gridRowColumnGaps" data-expected-width="415" data-expected-height="220"> <div class="alignSelfStretch firstRowFirstColumn verticalRL" data-offset-x="0" data-offset-y="0" data-expected-width="200" data-expected-height="100"> </div> <div class="cell alignSelfStart firstRowSecondColumn verticalRL" data-offset-x="0" data-offset-y="120" data-expected-width="20" data-expected-height="40"> <div class="item"></div> </div> <div class="cell alignSelfEnd firstRowSecondColumn verticalRL" data-offset-x="180" data-offset-y="120" data-expected-width="20" data-expected-height="40"> <div class="item"></div> </div> <div class="cell alignSelfCenter secondRowFirstColumn verticalRL" data-offset-x="305" data-offset-y="0" data-expected-width="20" data-expected-height="40"> <div class="item"></div> </div> </div> </div> width expected 415 but got 1264
    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 Test.<anonymous> (https://not-wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://not-wpt.live/resources/testharness.js:2638: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(1264, 415, "\n<div class=\"container\">\n    <div class=\"grid grid100And200 fit-content verticalLR gridRowColumnGaps\" data-expected-width=\"415\" data-expected-height=\"220\">\n        <div class=\"alignSelfStretch firstRowFirstColumn verticalRL\" data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"200\" data-expected-height=\"100\">\n        </div>\n        <div class=\"cell alignSelfStart firstRowSecondColumn verticalRL\" data-offset-x=\"0\" data-offset-y=\"120\" data-expected-width=\"20\" data-expected-height=\"40\">\n            <div class=\"item\"></div>\n        </div>\n        <div class=\"cell alignSelfEnd firstRowSecondColumn verticalRL\" data-offset-x=\"180\" data-offset-y=\"120\" data-expected-width=\"20\" data-expected-height=\"40\">\n            <div class=\"item\"></div>\n        </div>\n        <div class=\"cell alignSelfCenter secondRowFirstColumn verticalRL\" data-offset-x=\"305\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\">\n            <div class=\"item\"></div>\n        </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 grid100And200 fit-content directionRTL gridRowColumnGaps" data-expected-width="220" data-expected-height="415"> <div class="alignSelfStretch firstRowFirstColumn" data-offset-x="120" data-offset-y="0" data-expected-width="100" data-expected-height="200"></div> <div class="cell alignSelfStart firstRowSecondColumn" data-offset-x="80" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="cell alignSelfEnd firstRowSecondColumn" data-offset-x="80" data-offset-y="160" data-expected-width="20" data-expected-height="40"></div> <div class="cell alignSelfCenter secondRowFirstColumn" data-offset-x="200" data-offset-y="295" data-expected-width="20" data-expected-height="40"></div> </div> </div> width expected 220 but got 1264
    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 Test.<anonymous> (https://not-wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://not-wpt.live/resources/testharness.js:2638: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(1264, 220, "\n<div class=\"container\">\n     <div class=\"grid grid100And200 fit-content directionRTL gridRowColumnGaps\" data-expected-width=\"220\" data-expected-height=\"415\">\n         <div class=\"alignSelfStretch firstRowFirstColumn\" data-offset-x=\"120\" data-offset-y=\"0\" data-expected-width=\"100\" data-expected-height=\"200\"></div>\n         <div class=\"cell alignSelfStart firstRowSecondColumn\" data-offset-x=\"80\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n         <div class=\"cell alignSelfEnd firstRowSecondColumn\" data-offset-x=\"80\" data-offset-y=\"160\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n         <div class=\"cell alignSelfCenter secondRowFirstColumn\" data-offset-x=\"200\" data-offset-y=\"295\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n     </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 4assert_equals: <div class="container"> <p>direction: LTR | align-content: 'center'</p> <div class="grid grid50And100 alignContentCenter gridRowColumnGaps" data-expected-width="200" data-expected-height="300"> <div class="cell firstRowFirstColumn" data-offset-x="0" data-offset-y="43" data-expected-width="20" data-expected-height="40"></div> <div class="firstRowSecondColumn" data-offset-x="70" data-offset-y="43" data-expected-width="50" data-expected-height="100"></div> <div class="secondRowFirstColumn" data-offset-x="0" data-offset-y="158" data-expected-width="50" data-expected-height="100"></div> <div class="cell secondRowSecondColumn" data-offset-x="70" data-offset-y="158" data-expected-width="20" data-expected-height="40"></div> </div> </div> offsetTop expected 43 but got 0
    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:87: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-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)
Fail
assert_equals(0, 43, "\n<div class=\"container\">\n    <p>direction: LTR | align-content: 'center'</p>\n    <div class=\"grid grid50And100 alignContentCenter gridRowColumnGaps\" data-expected-width=\"200\" data-expected-height=\"300\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"43\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"firstRowSecondColumn\" data-offset-x=\"70\" data-offset-y=\"43\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"secondRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"158\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"cell secondRowSecondColumn\" data-offset-x=\"70\" data-offset-y=\"158\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\noffsetTop")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 5assert_equals: <div class="container"> <p>direction: LTR | align-content: 'right'</p> <div class="grid grid50And100 alignContentRight gridRowColumnGaps" data-expected-width="200" data-expected-height="300"> <div class="cell firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="firstRowSecondColumn" data-offset-x="70" data-offset-y="0" data-expected-width="50" data-expected-height="100"></div> <div class="secondRowFirstColumn" data-offset-x="0" data-offset-y="115" data-expected-width="50" data-expected-height="100"></div> <div class="cell secondRowSecondColumn" data-offset-x="70" data-offset-y="115" data-expected-width="20" data-expected-height="40"></div> </div> </div> width expected 50 but got 200
    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-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)
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(200, 50, "\n<div class=\"container\">\n    <p>direction: LTR | align-content: 'right'</p>\n    <div class=\"grid grid50And100 alignContentRight gridRowColumnGaps\" data-expected-width=\"200\" data-expected-height=\"300\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"firstRowSecondColumn\" data-offset-x=\"70\" data-offset-y=\"0\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"secondRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"115\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"cell secondRowSecondColumn\" data-offset-x=\"70\" data-offset-y=\"115\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 6assert_equals: <div class="container"> <p>direction: RTL | align-content: 'right'</p> <div class="grid grid50And100 directionRTL alignContentRight gridRowColumnGaps" data-expected-width="200" data-expected-height="300"> <div class="cell firstRowFirstColumn" data-offset-x="180" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="firstRowSecondColumn" data-offset-x="80" data-offset-y="0" data-expected-width="50" data-expected-height="100"></div> <div class="secondRowFirstColumn" data-offset-x="150" data-offset-y="115" data-expected-width="50" data-expected-height="100"></div> <div class="cell secondRowSecondColumn" data-offset-x="110" data-offset-y="115" data-expected-width="20" data-expected-height="40"></div> </div> </div> offsetLeft expected 180 but got 0
    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:82: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-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)
Fail
assert_equals(0, 180, "\n<div class=\"container\">\n    <p>direction: RTL | align-content: 'right'</p>\n    <div class=\"grid grid50And100 directionRTL alignContentRight gridRowColumnGaps\" data-expected-width=\"200\" data-expected-height=\"300\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"180\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"firstRowSecondColumn\" data-offset-x=\"80\" data-offset-y=\"0\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"secondRowFirstColumn\" data-offset-x=\"150\" data-offset-y=\"115\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"cell secondRowSecondColumn\" data-offset-x=\"110\" data-offset-y=\"115\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\noffsetLeft")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 7assert_equals: <div class="container"> <p>direction: RTL | align-content: 'start'</p> <div class="grid grid50And100 directionRTL alignContentStart gridRowColumnGaps" data-expected-width="200" data-expected-height="300"> <div class="cell firstRowFirstColumn" data-offset-x="180" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="firstRowSecondColumn" data-offset-x="80" data-offset-y="0" data-expected-width="50" data-expected-height="100"></div> <div class="secondRowFirstColumn" data-offset-x="150" data-offset-y="115" data-expected-width="50" data-expected-height="100"></div> <div class="cell secondRowSecondColumn" data-offset-x="110" data-offset-y="115" data-expected-width="20" data-expected-height="40"></div> </div> </div> offsetLeft expected 180 but got 0
    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:82: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-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)
Fail
assert_equals(0, 180, "\n<div class=\"container\">\n    <p>direction: RTL | align-content: 'start'</p>\n    <div class=\"grid grid50And100 directionRTL alignContentStart gridRowColumnGaps\" data-expected-width=\"200\" data-expected-height=\"300\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"180\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"firstRowSecondColumn\" data-offset-x=\"80\" data-offset-y=\"0\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"secondRowFirstColumn\" data-offset-x=\"150\" data-offset-y=\"115\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"cell secondRowSecondColumn\" data-offset-x=\"110\" data-offset-y=\"115\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\noffsetLeft")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 8assert_equals: <div class="container"> <p>direction: LTR | justify-content: 'center'</p> <div class="grid grid50And100 justifyContentCenter gridRowColumnGaps" data-expected-width="200" data-expected-height="300"> <div class="cell firstRowFirstColumn" data-offset-x="40" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="firstRowSecondColumn" data-offset-x="110" data-offset-y="0" data-expected-width="50" data-expected-height="100"></div> <div class="secondRowFirstColumn" data-offset-x="40" data-offset-y="115" data-expected-width="50" data-expected-height="100"></div> <div class="cell secondRowSecondColumn" data-offset-x="110" data-offset-y="115" data-expected-width="20" data-expected-height="40"></div> </div> </div> offsetLeft expected 40 but got 0
    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:82: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-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)
Fail
assert_equals(0, 40, "\n<div class=\"container\">\n    <p>direction: LTR | justify-content: 'center'</p>\n    <div class=\"grid grid50And100 justifyContentCenter gridRowColumnGaps\" data-expected-width=\"200\" data-expected-height=\"300\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"40\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"firstRowSecondColumn\" data-offset-x=\"110\" data-offset-y=\"0\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"secondRowFirstColumn\" data-offset-x=\"40\" data-offset-y=\"115\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"cell secondRowSecondColumn\" data-offset-x=\"110\" data-offset-y=\"115\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\noffsetLeft")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 9assert_equals: <div class="container"> <p>direction: LTR | justify-content: 'end'</p> <div class="grid grid50And100 justifyContentEnd gridRowColumnGaps" data-expected-width="200" data-expected-height="300"> <div class="cell firstRowFirstColumn" data-offset-x="80" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="firstRowSecondColumn" data-offset-x="150" data-offset-y="0" data-expected-width="50" data-expected-height="100"></div> <div class="secondRowFirstColumn" data-offset-x="80" data-offset-y="115" data-expected-width="50" data-expected-height="100"></div> <div class="cell secondRowSecondColumn" data-offset-x="150" data-offset-y="115" data-expected-width="20" data-expected-height="40"></div> </div> </div> offsetLeft expected 80 but got 0
    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:82: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-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)
Fail
assert_equals(0, 80, "\n<div class=\"container\">\n    <p>direction: LTR | justify-content: 'end'</p>\n    <div class=\"grid grid50And100 justifyContentEnd gridRowColumnGaps\" data-expected-width=\"200\" data-expected-height=\"300\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"80\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"firstRowSecondColumn\" data-offset-x=\"150\" data-offset-y=\"0\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"secondRowFirstColumn\" data-offset-x=\"80\" data-offset-y=\"115\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"cell secondRowSecondColumn\" data-offset-x=\"150\" data-offset-y=\"115\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\noffsetLeft")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 10assert_equals: <div class="container"> <p>direction: RTL | justify-content: 'end'</p> <div class="grid grid50And100 directionRTL justifyContentRight gridRowColumnGaps" data-expected-width="200" data-expected-height="300"> <div class="cell firstRowFirstColumn" data-offset-x="180" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="firstRowSecondColumn" data-offset-x="80" data-offset-y="0" data-expected-width="50" data-expected-height="100"></div> <div class="secondRowFirstColumn" data-offset-x="150" data-offset-y="115" data-expected-width="50" data-expected-height="100"></div> <div class="cell secondRowSecondColumn" data-offset-x="110" data-offset-y="115" data-expected-width="20" data-expected-height="40"></div> </div> </div> offsetLeft expected 180 but got 0
    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:82: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-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)
Fail
assert_equals(0, 180, "\n<div class=\"container\">\n    <p>direction: RTL | justify-content: 'end'</p>\n    <div class=\"grid grid50And100 directionRTL justifyContentRight gridRowColumnGaps\" data-expected-width=\"200\" data-expected-height=\"300\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"180\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"firstRowSecondColumn\" data-offset-x=\"80\" data-offset-y=\"0\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"secondRowFirstColumn\" data-offset-x=\"150\" data-offset-y=\"115\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"cell secondRowSecondColumn\" data-offset-x=\"110\" data-offset-y=\"115\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\noffsetLeft")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 11assert_equals: <div class="container"> <p>direction: RTL | justify-content: 'start'</p> <div class="grid grid50And100 directionRTL justifyContentStart gridRowColumnGaps" data-expected-width="200" data-expected-height="300"> <div class="cell firstRowFirstColumn" data-offset-x="180" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="firstRowSecondColumn" data-offset-x="80" data-offset-y="0" data-expected-width="50" data-expected-height="100"></div> <div class="secondRowFirstColumn" data-offset-x="150" data-offset-y="115" data-expected-width="50" data-expected-height="100"></div> <div class="cell secondRowSecondColumn" data-offset-x="110" data-offset-y="115" data-expected-width="20" data-expected-height="40"></div> </div> </div> offsetLeft expected 180 but got 0
    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:82: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-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)
Fail
assert_equals(0, 180, "\n<div class=\"container\">\n    <p>direction: RTL | justify-content: 'start'</p>\n    <div class=\"grid grid50And100 directionRTL justifyContentStart gridRowColumnGaps\" data-expected-width=\"200\" data-expected-height=\"300\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"180\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"firstRowSecondColumn\" data-offset-x=\"80\" data-offset-y=\"0\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"secondRowFirstColumn\" data-offset-x=\"150\" data-offset-y=\"115\" data-expected-width=\"50\" data-expected-height=\"100\"></div>\n        <div class=\"cell secondRowSecondColumn\" data-offset-x=\"110\" data-offset-y=\"115\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\noffsetLeft")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 12assert_equals: <div class="container"> <p>direction: RTL | justify-content: 'stretch'</p> <div class="grid gridAuto20And40 stretchedGrid justifyContentStretch verticalLR directionRTL gridRowColumnGaps" data-expected-width="400" data-expected-height="300"> <div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="240" data-expected-width="40" data-expected-height="60"></div> <div class="firstRowSecondColumn" data-offset-x="0" data-offset-y="160" data-expected-width="40" data-expected-height="60"></div> <div class="firstRowThirdColumn" data-offset-x="0" data-offset-y="80" data-expected-width="40" data-expected-height="60"></div> <div class="firstRowFourthColumn" data-offset-x="0" data-offset-y="0" data-expected-width="40" data-expected-height="60"></div> <div class="secondRowFirstColumn" data-offset-x="55" data-offset-y="240" data-expected-width="40" data-expected-height="60"></div> <div class="secondRowSecondColumn" data-offset-x="55" data-offset-y="160" data-expected-width="40" data-expected-height="60"></div> <div class="secondRowThirdColumn" data-offset-x="55" data-offset-y="80" data-expected-width="40" data-expected-height="60"></div> <div class="secondRowFourthColumn" data-offset-x="55" data-offset-y="0" data-expected-width="40" data-expected-height="60"></div> </div> </div> width expected 40 but got 400
    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-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)
Fail
assert_equals(400, 40, "\n<div class=\"container\">\n    <p>direction: RTL | justify-content: 'stretch'</p>\n    <div class=\"grid gridAuto20And40 stretchedGrid justifyContentStretch verticalLR directionRTL gridRowColumnGaps\" data-expected-width=\"400\" data-expected-height=\"300\">\n        <div class=\"firstRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"240\" data-expected-width=\"40\" data-expected-height=\"60\"></div>\n        <div class=\"firstRowSecondColumn\" data-offset-x=\"0\" data-offset-y=\"160\" data-expected-width=\"40\" data-expected-height=\"60\"></div>\n        <div class=\"firstRowThirdColumn\" data-offset-x=\"0\" data-offset-y=\"80\" data-expected-width=\"40\" data-expected-height=\"60\"></div>\n        <div class=\"firstRowFourthColumn\" data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"40\" data-expected-height=\"60\"></div>\n        <div class=\"secondRowFirstColumn\" data-offset-x=\"55\" data-offset-y=\"240\" data-expected-width=\"40\" data-expected-height=\"60\"></div>\n        <div class=\"secondRowSecondColumn\" data-offset-x=\"55\" data-offset-y=\"160\" data-expected-width=\"40\" data-expected-height=\"60\"></div>\n        <div class=\"secondRowThirdColumn\" data-offset-x=\"55\" data-offset-y=\"80\" data-expected-width=\"40\" data-expected-height=\"60\"></div>\n        <div class=\"secondRowFourthColumn\" data-offset-x=\"55\" data-offset-y=\"0\" data-expected-width=\"40\" data-expected-height=\"60\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 13assert_equals: <div class="container"> <p>direction: LTR | justify-content: 'space-evenly'</p> <div class="grid gridAuto20And40 justifyContentSpaceEvenly verticalLR directionRTL gridRowColumnGaps" data-expected-width="400" data-expected-height="300"> <div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="230" data-expected-width="40" data-expected-height="20"></div> <div class="firstRowSecondColumn" data-offset-x="0" data-offset-y="140" data-expected-width="40" data-expected-height="20"></div> <div class="firstRowThirdColumn" data-offset-x="0" data-offset-y="50" data-expected-width="40" data-expected-height="20"></div> <div class="secondRowFirstColumn" data-offset-x="55" data-offset-y="230" data-expected-width="40" data-expected-height="20"></div> <div class="secondRowSecondColumn" data-offset-x="55" data-offset-y="140" data-expected-width="40" data-expected-height="20"></div> <div class="secondRowThirdColumn" data-offset-x="55" data-offset-y="50" data-expected-width="40" data-expected-height="20"></div> </div> </div> width expected 40 but got 400
    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-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)
Fail
assert_equals(400, 40, "\n<div class=\"container\">\n    <p>direction: LTR | justify-content: 'space-evenly'</p>\n    <div class=\"grid gridAuto20And40 justifyContentSpaceEvenly verticalLR directionRTL gridRowColumnGaps\" data-expected-width=\"400\" data-expected-height=\"300\">\n        <div class=\"firstRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"230\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"firstRowSecondColumn\" data-offset-x=\"0\" data-offset-y=\"140\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"firstRowThirdColumn\" data-offset-x=\"0\" data-offset-y=\"50\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"secondRowFirstColumn\" data-offset-x=\"55\" data-offset-y=\"230\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"secondRowSecondColumn\" data-offset-x=\"55\" data-offset-y=\"140\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"secondRowThirdColumn\" data-offset-x=\"55\" data-offset-y=\"50\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 14assert_equals: <div class="container"> <p>direction: LTR | justify-content: 'space-between'</p> <div class="grid gridAuto20And40 justifyContentSpaceBetween verticalRL directionRTL gridRowColumnGaps" data-expected-width="400" data-expected-height="300"> <div class="firstRowFirstColumn" data-offset-x="360" data-offset-y="280" data-expected-width="40" data-expected-height="20"></div> <div class="firstRowSecondColumn" data-offset-x="360" data-offset-y="187" data-expected-width="40" data-expected-height="20"></div> <div class="firstRowThirdColumn" data-offset-x="360" data-offset-y="93" data-expected-width="40" data-expected-height="20"></div> <div class="firstRowFourthColumn" data-offset-x="360" data-offset-y="0" data-expected-width="40" data-expected-height="20"></div> <div class="secondRowFirstColumn" data-offset-x="305" data-offset-y="280" data-expected-width="40" data-expected-height="20"></div> <div class="secondRowSecondColumn" data-offset-x="305" data-offset-y="187" data-expected-width="40" data-expected-height="20"></div> <div class="secondRowThirdColumn" data-offset-x="305" data-offset-y="93" data-expected-width="40" data-expected-height="20"></div> <div class="secondRowFourthColumn" data-offset-x="305" data-offset-y="0" data-expected-width="40" data-expected-height="20"></div> </div> </div> width expected 40 but got 400
    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-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)
Fail
assert_equals(400, 40, "\n<div class=\"container\">\n    <p>direction: LTR | justify-content: 'space-between'</p>\n    <div class=\"grid gridAuto20And40 justifyContentSpaceBetween verticalRL directionRTL gridRowColumnGaps\" data-expected-width=\"400\" data-expected-height=\"300\">\n        <div class=\"firstRowFirstColumn\" data-offset-x=\"360\" data-offset-y=\"280\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"firstRowSecondColumn\" data-offset-x=\"360\" data-offset-y=\"187\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"firstRowThirdColumn\" data-offset-x=\"360\" data-offset-y=\"93\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"firstRowFourthColumn\" data-offset-x=\"360\" data-offset-y=\"0\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"secondRowFirstColumn\" data-offset-x=\"305\" data-offset-y=\"280\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"secondRowSecondColumn\" data-offset-x=\"305\" data-offset-y=\"187\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"secondRowThirdColumn\" data-offset-x=\"305\" data-offset-y=\"93\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"secondRowFourthColumn\" data-offset-x=\"305\" data-offset-y=\"0\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 15assert_equals: <div class="container"> <p>direction: LTR | justify-content: 'space-around'</p> <div class="grid gridAuto20And40 justifyContentSpaceAround verticalRL directionRTL gridRowColumnGaps" data-expected-width="400" data-expected-height="300"> <div class="firstRowFirstColumn" data-offset-x="360" data-offset-y="220" data-expected-width="40" data-expected-height="20"></div> <div class="firstRowSecondColumn" data-offset-x="360" data-offset-y="60" data-expected-width="40" data-expected-height="20"></div> <div class="secondRowFirstColumn" data-offset-x="305" data-offset-y="220" data-expected-width="40" data-expected-height="20"></div> <div class="secondRowSecondColumn" data-offset-x="305" data-offset-y="60" data-expected-width="40" data-expected-height="20"></div> </div> </div> width expected 40 but got 400
    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-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)
Fail
assert_equals(400, 40, "\n<div class=\"container\">\n    <p>direction: LTR | justify-content: 'space-around'</p>\n    <div class=\"grid gridAuto20And40 justifyContentSpaceAround verticalRL directionRTL gridRowColumnGaps\" data-expected-width=\"400\" data-expected-height=\"300\">\n        <div class=\"firstRowFirstColumn\" data-offset-x=\"360\" data-offset-y=\"220\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"firstRowSecondColumn\" data-offset-x=\"360\" data-offset-y=\"60\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"secondRowFirstColumn\" data-offset-x=\"305\" data-offset-y=\"220\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n        <div class=\"secondRowSecondColumn\" data-offset-x=\"305\" data-offset-y=\"60\" data-expected-width=\"40\" data-expected-height=\"20\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 16assert_equals: <div class="container"> <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br> direction: LTR (parall) | align-items: 'self-start' | justify-items: 'self-start'</p> <div class="grid gridWithPaddingBorder fit-content directionLTR itemsSelfStart gridRowColumnGaps" data-expected-width="395" data-expected-height="465"> <div class="directionLTR cell firstRowFirstColumn" data-offset-x="46" data-offset-y="14" data-expected-width="20" data-expected-height="40"></div> <div class="directionLTR selfStretch firstRowSecondColumn" data-offset-x="150" data-offset-y="10" data-expected-width="200" data-expected-height="200"></div> <div class="directionLTR selfStretch secondRowFirstColumn" data-offset-x="30" data-offset-y="225" data-expected-width="100" data-expected-height="200"></div> <div class="directionLTR cell secondRowSecondColumn" data-offset-x="166" data-offset-y="229" data-expected-width="20" data-expected-height="40"></div> </div> </div> width expected 395 but got 1264
    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 Test.<anonymous> (https://not-wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://not-wpt.live/resources/testharness.js:2638: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(1264, 395, "\n<div class=\"container\">\n    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>\n        direction: LTR (parall) | align-items: 'self-start' | justify-items: 'self-start'</p>\n    <div class=\"grid gridWithPaddingBorder fit-content directionLTR itemsSelfStart gridRowColumnGaps\" data-expected-width=\"395\" data-expected-height=\"465\">\n        <div class=\"directionLTR cell firstRowFirstColumn\" data-offset-x=\"46\" data-offset-y=\"14\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"directionLTR selfStretch firstRowSecondColumn\" data-offset-x=\"150\" data-offset-y=\"10\" data-expected-width=\"200\" data-expected-height=\"200\"></div>\n        <div class=\"directionLTR selfStretch secondRowFirstColumn\" data-offset-x=\"30\" data-offset-y=\"225\" data-expected-width=\"100\" data-expected-height=\"200\"></div>\n        <div class=\"directionLTR cell secondRowSecondColumn\" data-offset-x=\"166\" data-offset-y=\"229\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 17assert_equals: <div class="container"> <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br> direction: LTR (ortho) | align-items: 'self-end' | justify-items: 'self-end'</p> <div class="grid gridWithPaddingBorder fit-content directionLTR itemsSelfEnd gridRowColumnGaps" data-expected-width="395" data-expected-height="465"> <div class="directionRTL cell firstRowFirstColumn" data-offset-x="46" data-offset-y="158" data-expected-width="20" data-expected-height="40"></div> <div class="directionRTL selfStretch firstRowSecondColumn" data-offset-x="150" data-offset-y="10" data-expected-width="200" data-expected-height="200"></div> <div class="directionRTL selfStretch secondRowFirstColumn" data-offset-x="30" data-offset-y="225" data-expected-width="100" data-expected-height="200"></div> <div class="directionRTL cell secondRowSecondColumn" data-offset-x="166" data-offset-y="373" data-expected-width="20" data-expected-height="40"></div> </div> </div> width expected 395 but got 1264
    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 Test.<anonymous> (https://not-wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://not-wpt.live/resources/testharness.js:2638: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(1264, 395, "\n<div class=\"container\">\n    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>\n        direction: LTR (ortho) | align-items: 'self-end' | justify-items: 'self-end'</p>\n    <div class=\"grid gridWithPaddingBorder fit-content directionLTR itemsSelfEnd gridRowColumnGaps\" data-expected-width=\"395\" data-expected-height=\"465\">\n        <div class=\"directionRTL cell firstRowFirstColumn\" data-offset-x=\"46\" data-offset-y=\"158\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"directionRTL selfStretch firstRowSecondColumn\" data-offset-x=\"150\" data-offset-y=\"10\" data-expected-width=\"200\" data-expected-height=\"200\"></div>\n        <div class=\"directionRTL selfStretch secondRowFirstColumn\" data-offset-x=\"30\" data-offset-y=\"225\" data-expected-width=\"100\" data-expected-height=\"200\"></div>\n        <div class=\"directionRTL cell secondRowSecondColumn\" data-offset-x=\"166\" data-offset-y=\"373\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 18assert_equals: <div class="container"> <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br> direction: RTL | align-items: 'right' | justify-items: 'right'</p> <div class="grid gridWithPaddingBorder fit-content directionRTL itemsRight gridRowColumnGaps" data-expected-width="395" data-expected-height="465"> <div class="cell firstRowFirstColumn" data-offset-x="322" data-offset-y="14" data-expected-width="20" data-expected-height="40"></div> <div class="selfStretch firstRowSecondColumn" data-offset-x="30" data-offset-y="10" data-expected-width="200" data-expected-height="200"></div> <div class="selfStretch secondRowFirstColumn" data-offset-x="250" data-offset-y="225" data-expected-width="100" data-expected-height="200"></div> <div class="cell secondRowSecondColumn" data-offset-x="202" data-offset-y="229" data-expected-width="20" data-expected-height="40"></div> </div> </div> width expected 395 but got 1264
    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 Test.<anonymous> (https://not-wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://not-wpt.live/resources/testharness.js:2638: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(1264, 395, "\n<div class=\"container\">\n    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>\n        direction: RTL | align-items: 'right' | justify-items: 'right'</p>\n    <div class=\"grid gridWithPaddingBorder fit-content directionRTL itemsRight gridRowColumnGaps\" data-expected-width=\"395\" data-expected-height=\"465\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"322\" data-offset-y=\"14\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"selfStretch firstRowSecondColumn\" data-offset-x=\"30\" data-offset-y=\"10\" data-expected-width=\"200\" data-expected-height=\"200\"></div>\n        <div class=\"selfStretch secondRowFirstColumn\" data-offset-x=\"250\" data-offset-y=\"225\" data-expected-width=\"100\" data-expected-height=\"200\"></div>\n        <div class=\"cell secondRowSecondColumn\" data-offset-x=\"202\" data-offset-y=\"229\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 19assert_equals: <div class="container"> <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br> direction: RTL (parall) | align-items: 'self-start' | justify-items: 'self-start'</p> <div class="grid gridWithPaddingBorder fit-content directionRTL itemsSelfStart gridRowColumnGaps" data-expected-width="395" data-expected-height="465"> <div class="directionRTL cell firstRowFirstColumn" data-offset-x="322" data-offset-y="14" data-expected-width="20" data-expected-height="40"></div> <div class="directionRTL selfStretch firstRowSecondColumn" data-offset-x="30" data-offset-y="10" data-expected-width="200" data-expected-height="200"></div> <div class="directionRTL selfStretch secondRowFirstColumn" data-offset-x="250" data-offset-y="225" data-expected-width="100" data-expected-height="200"></div> <div class="directionRTL cell secondRowSecondColumn" data-offset-x="202" data-offset-y="229" data-expected-width="20" data-expected-height="40"></div> </div> </div> width expected 395 but got 1264
    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 Test.<anonymous> (https://not-wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://not-wpt.live/resources/testharness.js:2638: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(1264, 395, "\n<div class=\"container\">\n    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>\n        direction: RTL (parall) | align-items: 'self-start' | justify-items: 'self-start'</p>\n    <div class=\"grid gridWithPaddingBorder fit-content directionRTL itemsSelfStart gridRowColumnGaps\" data-expected-width=\"395\" data-expected-height=\"465\">\n        <div class=\"directionRTL cell firstRowFirstColumn\" data-offset-x=\"322\" data-offset-y=\"14\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"directionRTL selfStretch firstRowSecondColumn\" data-offset-x=\"30\" data-offset-y=\"10\" data-expected-width=\"200\" data-expected-height=\"200\"></div>\n        <div class=\"directionRTL selfStretch secondRowFirstColumn\" data-offset-x=\"250\" data-offset-y=\"225\" data-expected-width=\"100\" data-expected-height=\"200\"></div>\n        <div class=\"directionRTL cell secondRowSecondColumn\" data-offset-x=\"202\" data-offset-y=\"229\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 20assert_equals: <div class="container"> <p>Negative free space. justify-content: start</p> <div class="grid gridWithAutoColumns justifyContentStart gridRowColumnGaps" data-expected-width="14" data-expected-height="44"> <div class="cell firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="cell firstRowSecondColumn" data-offset-x="40" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="cell firstRowThirdColumn" data-offset-x="80" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> </div> </div> height expected 44 but got 124
    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 Test.<anonymous> (https://not-wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://not-wpt.live/resources/testharness.js:2638: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(124, 44, "\n<div class=\"container\">\n    <p>Negative free space. justify-content: start</p>\n    <div class=\"grid gridWithAutoColumns justifyContentStart gridRowColumnGaps\" data-expected-width=\"14\" data-expected-height=\"44\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell firstRowSecondColumn\" data-offset-x=\"40\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell firstRowThirdColumn\" data-offset-x=\"80\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 21assert_equals: <div class="container"> <p>Negative free space. justify-content: center</p> <div class="grid gridWithAutoColumns justifyContentCenter gridRowColumnGaps" data-expected-width="14" data-expected-height="44"> <div class="cell firstRowFirstColumn" data-offset-x="-45" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="cell firstRowSecondColumn" data-offset-x="-5" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="cell firstRowThirdColumn" data-offset-x="35" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> </div> </div> height expected 44 but got 124
    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 Test.<anonymous> (https://not-wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://not-wpt.live/resources/testharness.js:2638: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(124, 44, "\n<div class=\"container\">\n    <p>Negative free space. justify-content: center</p>\n    <div class=\"grid gridWithAutoColumns justifyContentCenter gridRowColumnGaps\" data-expected-width=\"14\" data-expected-height=\"44\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"-45\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell firstRowSecondColumn\" data-offset-x=\"-5\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell firstRowThirdColumn\" data-offset-x=\"35\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 22assert_equals: <div class="container"> <p>Negative free space. justify-content: end</p> <div class="grid gridWithAutoColumns justifyContentEnd gridRowColumnGaps" data-expected-width="14" data-expected-height="44"> <div class="cell firstRowFirstColumn" data-offset-x="-90" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="cell firstRowSecondColumn" data-offset-x="-50" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="cell firstRowThirdColumn" data-offset-x="-10" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> </div> </div> height expected 44 but got 124
    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 Test.<anonymous> (https://not-wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (https://not-wpt.live/resources/testharness.js:2638: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(124, 44, "\n<div class=\"container\">\n    <p>Negative free space. justify-content: end</p>\n    <div class=\"grid gridWithAutoColumns justifyContentEnd gridRowColumnGaps\" data-expected-width=\"14\" data-expected-height=\"44\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"-90\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell firstRowSecondColumn\" data-offset-x=\"-50\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell firstRowThirdColumn\" data-offset-x=\"-10\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 23assert_equals: <div class="container" style="margin-bottom: 125px;"> <p>Negative free space. align-content: start</p> <div class="grid gridWithAutoRows alignContentStart gridRowColumnGaps" data-expected-width="24" data-expected-height="54"> <div class="cell firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div> <div class="cell secondRowFirstColumn" data-offset-x="0" data-offset-y="55" data-expected-width="20" data-expected-height="40"></div> <div class="cell thirdRowFirstColumn" data-offset-x="0" data-offset-y="110" data-expected-width="20" data-expected-height="40"></div> </div> </div> offsetTop expected 55 but got 40
    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:87: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-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)
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(40, 55, "\n<div class=\"container\" style=\"margin-bottom: 125px;\">\n    <p>Negative free space. align-content: start</p>\n    <div class=\"grid gridWithAutoRows alignContentStart gridRowColumnGaps\" data-expected-width=\"24\" data-expected-height=\"54\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell secondRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"55\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell thirdRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"110\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\noffsetTop")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 24assert_equals: <div class="container" style="margin-bottom: 75px;"> <p>Negative free space. align-content: center</p> <div class="grid gridWithAutoRows alignContentCenter gridRowColumnGaps" style="margin-top: 75px" data-expected-width="24" data-expected-height="54"> <div class="cell firstRowFirstColumn" data-offset-x="0" data-offset-y="-50" data-expected-width="20" data-expected-height="40"></div> <div class="cell secondRowFirstColumn" data-offset-x="0" data-offset-y="5" data-expected-width="20" data-expected-height="40"></div> <div class="cell thirdRowFirstColumn" data-offset-x="0" data-offset-y="60" data-expected-width="20" data-expected-height="40"></div> </div> </div> offsetTop expected -50 but got 0
    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:87: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-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)
Fail
assert_equals(0, -50, "\n<div class=\"container\" style=\"margin-bottom: 75px;\">\n    <p>Negative free space. align-content: center</p>\n    <div class=\"grid gridWithAutoRows alignContentCenter gridRowColumnGaps\" style=\"margin-top: 75px\" data-expected-width=\"24\" data-expected-height=\"54\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"-50\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell secondRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"5\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell thirdRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"60\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\noffsetTop")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 25assert_equals: <div class="container" style="margin-bottom: 25px;"> <p>Negative free space. align-content: end</p> <div class="grid gridWithAutoRows alignContentEnd gridRowColumnGaps" style="margin-top: 125px" data-expected-width="24" data-expected-height="54"> <div class="cell firstRowFirstColumn" data-offset-x="0" data-offset-y="-100" data-expected-width="20" data-expected-height="40"></div> <div class="cell secondRowFirstColumn" data-offset-x="0" data-offset-y="-45" data-expected-width="20" data-expected-height="40"></div> <div class="cell thirdRowFirstColumn" data-offset-x="0" data-offset-y="10" data-expected-width="20" data-expected-height="40"></div> </div> </div> offsetTop expected -100 but got 0
    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:87: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-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)
Fail
assert_equals(0, -100, "\n<div class=\"container\" style=\"margin-bottom: 25px;\">\n    <p>Negative free space. align-content: end</p>\n    <div class=\"grid gridWithAutoRows alignContentEnd gridRowColumnGaps\" style=\"margin-top: 125px\" data-expected-width=\"24\" data-expected-height=\"54\">\n        <div class=\"cell firstRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"-100\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell secondRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"-45\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n        <div class=\"cell thirdRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"10\" data-expected-width=\"20\" data-expected-height=\"40\"></div>\n    </div>\n</div>\noffsetTop")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)