When the sum of all track's flex factor is < 1, they don't exhaust the available space, which is used to stretch the 'auto' sized tracks.

When the sum of all track's flex factor is >= 1, they exhaust the available space, hence the 'stretch' alignment is not applied to the 'auto' sized tracks.

Summary

Harness status: OK

Found 2 tests

Details

ResultTest NameMessage
Fail.grid 1assert_equals: <div data-expected-height="300" class="grid fractionFlexTracks contentStretch" data-expected-width="200"> <div data-offset-y="0" data-expected-height="60" data-expected-width="150" data-offset-x="0" class="firstRowFirstColumn"></div> <div data-offset-y="0" data-expected-height="60" data-expected-width="50" data-offset-x="150" class="firstRowSecondColumn"></div> <div data-offset-y="60" data-expected-height="240" data-expected-width="150" data-offset-x="0" class="secondRowFirstColumn"></div> <div data-offset-y="60" data-expected-height="240" data-expected-width="50" data-offset-x="150" class="secondRowSecondColumn"></div> </div> width expected 150 but got 200
    at assert_tolerance (https://test.csswg.org/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://test.csswg.org/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://test.csswg.org/resources/check-layout-th.js:7:25)
    at https://test.csswg.org/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)
Asserts run
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-offset-y 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-offset-x is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Fail
assert_equals(200, 150, "\n<div data-expected-height=\"300\" class=\"grid fractionFlexTracks contentStretch\" data-expected-width=\"200\">\n    <div data-offset-y=\"0\" data-expected-height=\"60\" data-expected-width=\"150\" data-offset-x=\"0\" class=\"firstRowFirstColumn\"></div>\n    <div data-offset-y=\"0\" data-expected-height=\"60\" data-expected-width=\"50\" data-offset-x=\"150\" class=\"firstRowSecondColumn\"></div>\n    <div data-offset-y=\"60\" data-expected-height=\"240\" data-expected-width=\"150\" data-offset-x=\"0\" class=\"secondRowFirstColumn\"></div>\n    <div data-offset-y=\"60\" data-expected-height=\"240\" data-expected-width=\"50\" data-offset-x=\"150\" class=\"secondRowSecondColumn\"></div>\n  </div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Fail.grid 2assert_equals: <div data-expected-height="300" class="grid flexTracks contentStretch" data-expected-width="200"> <div data-offset-y="0" data-expected-height="300" data-expected-width="0" data-offset-x="0" class="firstRowFirstColumn"></div> <div data-offset-y="0" data-expected-height="300" data-expected-width="200" data-offset-x="0" class="firstRowSecondColumn"></div> <div data-offset-y="300" data-expected-height="0" data-expected-width="0" data-offset-x="0" class="secondRowFirstColumn"></div> <div data-offset-y="300" data-expected-height="0" data-expected-width="200" data-offset-x="0" class="secondRowSecondColumn"></div> </div> width expected 0 but got 200
    at assert_tolerance (https://test.csswg.org/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://test.csswg.org/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://test.csswg.org/resources/check-layout-th.js:7:25)
    at https://test.csswg.org/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)
Asserts run
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-offset-y 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-offset-x is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Fail
assert_equals(200, 0, "\n<div data-expected-height=\"300\" class=\"grid flexTracks contentStretch\" data-expected-width=\"200\">\n    <div data-offset-y=\"0\" data-expected-height=\"300\" data-expected-width=\"0\" data-offset-x=\"0\" class=\"firstRowFirstColumn\"></div>\n    <div data-offset-y=\"0\" data-expected-height=\"300\" data-expected-width=\"200\" data-offset-x=\"0\" class=\"firstRowSecondColumn\"></div>\n    <div data-offset-y=\"300\" data-expected-height=\"0\" data-expected-width=\"0\" data-offset-x=\"0\" class=\"secondRowFirstColumn\"></div>\n    <div data-offset-y=\"300\" data-expected-height=\"0\" data-expected-width=\"200\" data-offset-x=\"0\" class=\"secondRowSecondColumn\"></div>\n  </div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)