CSS Grid: 'stretch' content alignment on flex tracks.

Summary

Harness status: OK

Found 2 tests

2 Fail

Details

Result

Test Name

Message

Fail

.grid 1

assert_equals: <div class="grid fractionFlexTracks contentStretch" data-expected-width="200" data-expected-height="300"> <div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="150" data-expected-height="60"></div> <div class="firstRowSecondColumn" data-offset-x="150" data-offset-y="0" data-expected-width="50" data-expected-height="60"></div> <div class="secondRowFirstColumn" data-offset-x="0" data-offset-y="60" data-expected-width="150" data-expected-height="240"></div> <div class="secondRowSecondColumn" data-offset-x="150" data-offset-y="60" data-expected-width="50" data-expected-height="240"></div> </div> width expected 150 but got 200

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at https://www1.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(200, 150, "\n<div class=\"grid fractionFlexTracks contentStretch\" data-expected-width=\"200\" data-expected-height=\"300\">\n <div class=\"firstRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"150\" data-expected-height=\"60\"></div>\n <div class=\"firstRowSecondColumn\" data-offset-x=\"150\" data-offset-y=\"0\" data-expected-width=\"50\" data-expected-height=\"60\"></div>\n <div class=\"secondRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"60\" data-expected-width=\"150\" data-expected-height=\"240\"></div>\n <div class=\"secondRowSecondColumn\" data-offset-x=\"150\" data-offset-y=\"60\" data-expected-width=\"50\" data-expected-height=\"240\"></div>\n </div>\nwidth") at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.grid 2

assert_equals: <div class="grid flexTracks contentStretch" data-expected-width="200" data-expected-height="300"> <div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="0" data-expected-height="300"></div> <div class="firstRowSecondColumn" data-offset-x="0" data-offset-y="0" data-expected-width="200" data-expected-height="300"></div> <div class="secondRowFirstColumn" data-offset-x="0" data-offset-y="300" data-expected-width="0" data-expected-height="0"></div> <div class="secondRowSecondColumn" data-offset-x="0" data-offset-y="300" data-expected-width="200" data-expected-height="0"></div> </div> width expected 0 but got 200

    at assert_tolerance (https://www1.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://www1.wpt.live/resources/check-layout-th.js:7:25)
    at https://www1.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(200, 0, "\n<div class=\"grid flexTracks contentStretch\" data-expected-width=\"200\" data-expected-height=\"300\">\n <div class=\"firstRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"0\" data-expected-height=\"300\"></div>\n <div class=\"firstRowSecondColumn\" data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"200\" data-expected-height=\"300\"></div>\n <div class=\"secondRowFirstColumn\" data-offset-x=\"0\" data-offset-y=\"300\" data-expected-width=\"0\" data-expected-height=\"0\"></div>\n <div class=\"secondRowSecondColumn\" data-offset-x=\"0\" data-offset-y=\"300\" data-expected-width=\"200\" data-expected-height=\"0\"></div>\n </div>\nwidth") at assert_tolerance ( /resources/check-layout-th.js:24:9)