wpt / css / css-align / default-alignment / place-items-shorthand-006.html

Status: PASS | Duration: 244ms | Subtests: 168/168 | Open test on wpt.live | wpt.fyi

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
Checking place-items: normal leftPASS
Checking place-items: normal rightPASS
Checking place-items: normal normalPASS
Checking place-items: normal stretchPASS
Checking place-items: normal startPASS
Checking place-items: normal endPASS
Checking place-items: normal self-startPASS
Checking place-items: normal self-endPASS
Checking place-items: normal centerPASS
Checking place-items: normal flex-startPASS
Checking place-items: normal flex-endPASS
Checking place-items: normal baselinePASS
Checking place-items: normal first baselinePASS
Checking place-items: normal last baselinePASS
Checking place-items: stretch leftPASS
Checking place-items: stretch rightPASS
Checking place-items: stretch normalPASS
Checking place-items: stretch stretchPASS
Checking place-items: stretch startPASS
Checking place-items: stretch endPASS
Checking place-items: stretch self-startPASS
Checking place-items: stretch self-endPASS
Checking place-items: stretch centerPASS
Checking place-items: stretch flex-startPASS
Checking place-items: stretch flex-endPASS
Checking place-items: stretch baselinePASS
Checking place-items: stretch first baselinePASS
Checking place-items: stretch last baselinePASS
Checking place-items: start leftPASS
Checking place-items: start rightPASS
Checking place-items: start normalPASS
Checking place-items: start stretchPASS
Checking place-items: start startPASS
Checking place-items: start endPASS
Checking place-items: start self-startPASS
Checking place-items: start self-endPASS
Checking place-items: start centerPASS
Checking place-items: start flex-startPASS
Checking place-items: start flex-endPASS
Checking place-items: start baselinePASS
Checking place-items: start first baselinePASS
Checking place-items: start last baselinePASS
Checking place-items: end leftPASS
Checking place-items: end rightPASS
Checking place-items: end normalPASS
Checking place-items: end stretchPASS
Checking place-items: end startPASS
Checking place-items: end endPASS
Checking place-items: end self-startPASS
Checking place-items: end self-endPASS
Checking place-items: end centerPASS
Checking place-items: end flex-startPASS
Checking place-items: end flex-endPASS
Checking place-items: end baselinePASS
Checking place-items: end first baselinePASS
Checking place-items: end last baselinePASS
Checking place-items: self-start leftPASS
Checking place-items: self-start rightPASS
Checking place-items: self-start normalPASS
Checking place-items: self-start stretchPASS
Checking place-items: self-start startPASS
Checking place-items: self-start endPASS
Checking place-items: self-start self-startPASS
Checking place-items: self-start self-endPASS
Checking place-items: self-start centerPASS
Checking place-items: self-start flex-startPASS
Checking place-items: self-start flex-endPASS
Checking place-items: self-start baselinePASS
Checking place-items: self-start first baselinePASS
Checking place-items: self-start last baselinePASS
Checking place-items: self-end leftPASS
Checking place-items: self-end rightPASS
Checking place-items: self-end normalPASS
Checking place-items: self-end stretchPASS
Checking place-items: self-end startPASS
Checking place-items: self-end endPASS
Checking place-items: self-end self-startPASS
Checking place-items: self-end self-endPASS
Checking place-items: self-end centerPASS
Checking place-items: self-end flex-startPASS
Checking place-items: self-end flex-endPASS
Checking place-items: self-end baselinePASS
Checking place-items: self-end first baselinePASS
Checking place-items: self-end last baselinePASS
Checking place-items: center leftPASS
Checking place-items: center rightPASS
Checking place-items: center normalPASS
Checking place-items: center stretchPASS
Checking place-items: center startPASS
Checking place-items: center endPASS
Checking place-items: center self-startPASS
Checking place-items: center self-endPASS
Checking place-items: center centerPASS
Checking place-items: center flex-startPASS
Checking place-items: center flex-endPASS
Checking place-items: center baselinePASS
Checking place-items: center first baselinePASS
Checking place-items: center last baselinePASS
Checking place-items: flex-start leftPASS
Checking place-items: flex-start rightPASS
Checking place-items: flex-start normalPASS
Checking place-items: flex-start stretchPASS
Checking place-items: flex-start startPASS
Checking place-items: flex-start endPASS
Checking place-items: flex-start self-startPASS
Checking place-items: flex-start self-endPASS
Checking place-items: flex-start centerPASS
Checking place-items: flex-start flex-startPASS
Checking place-items: flex-start flex-endPASS
Checking place-items: flex-start baselinePASS
Checking place-items: flex-start first baselinePASS
Checking place-items: flex-start last baselinePASS
Checking place-items: flex-end leftPASS
Checking place-items: flex-end rightPASS
Checking place-items: flex-end normalPASS
Checking place-items: flex-end stretchPASS
Checking place-items: flex-end startPASS
Checking place-items: flex-end endPASS
Checking place-items: flex-end self-startPASS
Checking place-items: flex-end self-endPASS
Checking place-items: flex-end centerPASS
Checking place-items: flex-end flex-startPASS
Checking place-items: flex-end flex-endPASS
Checking place-items: flex-end baselinePASS
Checking place-items: flex-end first baselinePASS
Checking place-items: flex-end last baselinePASS
Checking place-items: baseline leftPASS
Checking place-items: baseline rightPASS
Checking place-items: baseline normalPASS
Checking place-items: baseline stretchPASS
Checking place-items: baseline startPASS
Checking place-items: baseline endPASS
Checking place-items: baseline self-startPASS
Checking place-items: baseline self-endPASS
Checking place-items: baseline centerPASS
Checking place-items: baseline flex-startPASS
Checking place-items: baseline flex-endPASS
Checking place-items: baseline baselinePASS
Checking place-items: baseline first baselinePASS
Checking place-items: baseline last baselinePASS
Checking place-items: first baseline leftPASS
Checking place-items: first baseline rightPASS
Checking place-items: first baseline normalPASS
Checking place-items: first baseline stretchPASS
Checking place-items: first baseline startPASS
Checking place-items: first baseline endPASS
Checking place-items: first baseline self-startPASS
Checking place-items: first baseline self-endPASS
Checking place-items: first baseline centerPASS
Checking place-items: first baseline flex-startPASS
Checking place-items: first baseline flex-endPASS
Checking place-items: first baseline baselinePASS
Checking place-items: first baseline first baselinePASS
Checking place-items: first baseline last baselinePASS
Checking place-items: last baseline leftPASS
Checking place-items: last baseline rightPASS
Checking place-items: last baseline normalPASS
Checking place-items: last baseline stretchPASS
Checking place-items: last baseline startPASS
Checking place-items: last baseline endPASS
Checking place-items: last baseline self-startPASS
Checking place-items: last baseline self-endPASS
Checking place-items: last baseline centerPASS
Checking place-items: last baseline flex-startPASS
Checking place-items: last baseline flex-endPASS
Checking place-items: last baseline baselinePASS
Checking place-items: last baseline first baselinePASS
Checking place-items: last baseline last baselinePASS

/css/css-align/default-alignment/place-items-shorthand-006.html

<!DOCTYPE html>
<title>CSS Box Alignment: place-items shorthand - Shorthand 'specified' and 'resolved' value</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css3-align/#place-items-property" />
<meta name="assert" content="Check the place-items's 'specified' and 'resolved' values serialization." />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/css-align/resources/alignment-parsing-utils.js"></script>
<div id="log"></div>
<script>
    let classes = Object.assign({"Normal":"normal", "Stretch":"stretch"}, selfPositionClasses, baselineClasses);
    for (var key1 in classes) {
        let alignValue = classes[key1];
        let classes2 = Object.assign({"Left":"left", "Right":"right"}, classes);
        for (var key2 in classes2) {
            let justifyValue = classes2[key2];
            var value = (alignValue + " " + justifyValue).trim();
            test(function() {
                checkPlaceShorhand("place-items", value, alignValue, justifyValue)
            }, "Checking place-items: " + value);
        }
    }
</script>