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

Status: PASS | Duration: 235ms | Subtests: 374/374 | 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 legacy leftPASS
Checking place-items: normal legacy centerPASS
Checking place-items: normal legacy 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: normal safe flex-endPASS
Checking place-items: normal unsafe endPASS
Checking place-items: normal safe endPASS
Checking place-items: normal unsafe flex-startPASS
Checking place-items: normal safe centerPASS
Checking place-items: stretch leftPASS
Checking place-items: stretch rightPASS
Checking place-items: stretch legacy leftPASS
Checking place-items: stretch legacy centerPASS
Checking place-items: stretch legacy 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: stretch safe flex-endPASS
Checking place-items: stretch unsafe endPASS
Checking place-items: stretch safe endPASS
Checking place-items: stretch unsafe flex-startPASS
Checking place-items: stretch safe centerPASS
Checking place-items: start leftPASS
Checking place-items: start rightPASS
Checking place-items: start legacy leftPASS
Checking place-items: start legacy centerPASS
Checking place-items: start legacy 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: start safe flex-endPASS
Checking place-items: start unsafe endPASS
Checking place-items: start safe endPASS
Checking place-items: start unsafe flex-startPASS
Checking place-items: start safe centerPASS
Checking place-items: end leftPASS
Checking place-items: end rightPASS
Checking place-items: end legacy leftPASS
Checking place-items: end legacy centerPASS
Checking place-items: end legacy 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: end safe flex-endPASS
Checking place-items: end unsafe endPASS
Checking place-items: end safe endPASS
Checking place-items: end unsafe flex-startPASS
Checking place-items: end safe centerPASS
Checking place-items: self-start leftPASS
Checking place-items: self-start rightPASS
Checking place-items: self-start legacy leftPASS
Checking place-items: self-start legacy centerPASS
Checking place-items: self-start legacy 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-start safe flex-endPASS
Checking place-items: self-start unsafe endPASS
Checking place-items: self-start safe endPASS
Checking place-items: self-start unsafe flex-startPASS
Checking place-items: self-start safe centerPASS
Checking place-items: self-end leftPASS
Checking place-items: self-end rightPASS
Checking place-items: self-end legacy leftPASS
Checking place-items: self-end legacy centerPASS
Checking place-items: self-end legacy 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: self-end safe flex-endPASS
Checking place-items: self-end unsafe endPASS
Checking place-items: self-end safe endPASS
Checking place-items: self-end unsafe flex-startPASS
Checking place-items: self-end safe centerPASS
Checking place-items: center leftPASS
Checking place-items: center rightPASS
Checking place-items: center legacy leftPASS
Checking place-items: center legacy centerPASS
Checking place-items: center legacy 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: center safe flex-endPASS
Checking place-items: center unsafe endPASS
Checking place-items: center safe endPASS
Checking place-items: center unsafe flex-startPASS
Checking place-items: center safe centerPASS
Checking place-items: flex-start leftPASS
Checking place-items: flex-start rightPASS
Checking place-items: flex-start legacy leftPASS
Checking place-items: flex-start legacy centerPASS
Checking place-items: flex-start legacy 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-start safe flex-endPASS
Checking place-items: flex-start unsafe endPASS
Checking place-items: flex-start safe endPASS
Checking place-items: flex-start unsafe flex-startPASS
Checking place-items: flex-start safe centerPASS
Checking place-items: flex-end leftPASS
Checking place-items: flex-end rightPASS
Checking place-items: flex-end legacy leftPASS
Checking place-items: flex-end legacy centerPASS
Checking place-items: flex-end legacy 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: flex-end safe flex-endPASS
Checking place-items: flex-end unsafe endPASS
Checking place-items: flex-end safe endPASS
Checking place-items: flex-end unsafe flex-startPASS
Checking place-items: flex-end safe centerPASS
Checking place-items: baseline leftPASS
Checking place-items: baseline rightPASS
Checking place-items: baseline legacy leftPASS
Checking place-items: baseline legacy centerPASS
Checking place-items: baseline legacy 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: baseline safe flex-endPASS
Checking place-items: baseline unsafe endPASS
Checking place-items: baseline safe endPASS
Checking place-items: baseline unsafe flex-startPASS
Checking place-items: baseline safe centerPASS
Checking place-items: first baseline leftPASS
Checking place-items: first baseline rightPASS
Checking place-items: first baseline legacy leftPASS
Checking place-items: first baseline legacy centerPASS
Checking place-items: first baseline legacy 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: first baseline safe flex-endPASS
Checking place-items: first baseline unsafe endPASS
Checking place-items: first baseline safe endPASS
Checking place-items: first baseline unsafe flex-startPASS
Checking place-items: first baseline safe centerPASS
Checking place-items: last baseline leftPASS
Checking place-items: last baseline rightPASS
Checking place-items: last baseline legacy leftPASS
Checking place-items: last baseline legacy centerPASS
Checking place-items: last baseline legacy 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
Checking place-items: last baseline safe flex-endPASS
Checking place-items: last baseline unsafe endPASS
Checking place-items: last baseline safe endPASS
Checking place-items: last baseline unsafe flex-startPASS
Checking place-items: last baseline safe centerPASS
Checking place-items: safe flex-end leftPASS
Checking place-items: safe flex-end rightPASS
Checking place-items: safe flex-end legacy leftPASS
Checking place-items: safe flex-end legacy centerPASS
Checking place-items: safe flex-end legacy rightPASS
Checking place-items: safe flex-end normalPASS
Checking place-items: safe flex-end stretchPASS
Checking place-items: safe flex-end startPASS
Checking place-items: safe flex-end endPASS
Checking place-items: safe flex-end self-startPASS
Checking place-items: safe flex-end self-endPASS
Checking place-items: safe flex-end centerPASS
Checking place-items: safe flex-end flex-startPASS
Checking place-items: safe flex-end flex-endPASS
Checking place-items: safe flex-end baselinePASS
Checking place-items: safe flex-end first baselinePASS
Checking place-items: safe flex-end last baselinePASS
Checking place-items: safe flex-end safe flex-endPASS
Checking place-items: safe flex-end unsafe endPASS
Checking place-items: safe flex-end safe endPASS
Checking place-items: safe flex-end unsafe flex-startPASS
Checking place-items: safe flex-end safe centerPASS
Checking place-items: unsafe end leftPASS
Checking place-items: unsafe end rightPASS
Checking place-items: unsafe end legacy leftPASS
Checking place-items: unsafe end legacy centerPASS
Checking place-items: unsafe end legacy rightPASS
Checking place-items: unsafe end normalPASS
Checking place-items: unsafe end stretchPASS
Checking place-items: unsafe end startPASS
Checking place-items: unsafe end endPASS
Checking place-items: unsafe end self-startPASS
Checking place-items: unsafe end self-endPASS
Checking place-items: unsafe end centerPASS
Checking place-items: unsafe end flex-startPASS
Checking place-items: unsafe end flex-endPASS
Checking place-items: unsafe end baselinePASS
Checking place-items: unsafe end first baselinePASS
Checking place-items: unsafe end last baselinePASS
Checking place-items: unsafe end safe flex-endPASS
Checking place-items: unsafe end unsafe endPASS
Checking place-items: unsafe end safe endPASS
Checking place-items: unsafe end unsafe flex-startPASS
Checking place-items: unsafe end safe centerPASS
Checking place-items: safe end leftPASS
Checking place-items: safe end rightPASS
Checking place-items: safe end legacy leftPASS
Checking place-items: safe end legacy centerPASS
Checking place-items: safe end legacy rightPASS
Checking place-items: safe end normalPASS
Checking place-items: safe end stretchPASS
Checking place-items: safe end startPASS
Checking place-items: safe end endPASS
Checking place-items: safe end self-startPASS
Checking place-items: safe end self-endPASS
Checking place-items: safe end centerPASS
Checking place-items: safe end flex-startPASS
Checking place-items: safe end flex-endPASS
Checking place-items: safe end baselinePASS
Checking place-items: safe end first baselinePASS
Checking place-items: safe end last baselinePASS
Checking place-items: safe end safe flex-endPASS
Checking place-items: safe end unsafe endPASS
Checking place-items: safe end safe endPASS
Checking place-items: safe end unsafe flex-startPASS
Checking place-items: safe end safe centerPASS
Checking place-items: unsafe flex-start leftPASS
Checking place-items: unsafe flex-start rightPASS
Checking place-items: unsafe flex-start legacy leftPASS
Checking place-items: unsafe flex-start legacy centerPASS
Checking place-items: unsafe flex-start legacy rightPASS
Checking place-items: unsafe flex-start normalPASS
Checking place-items: unsafe flex-start stretchPASS
Checking place-items: unsafe flex-start startPASS
Checking place-items: unsafe flex-start endPASS
Checking place-items: unsafe flex-start self-startPASS
Checking place-items: unsafe flex-start self-endPASS
Checking place-items: unsafe flex-start centerPASS
Checking place-items: unsafe flex-start flex-startPASS
Checking place-items: unsafe flex-start flex-endPASS
Checking place-items: unsafe flex-start baselinePASS
Checking place-items: unsafe flex-start first baselinePASS
Checking place-items: unsafe flex-start last baselinePASS
Checking place-items: unsafe flex-start safe flex-endPASS
Checking place-items: unsafe flex-start unsafe endPASS
Checking place-items: unsafe flex-start safe endPASS
Checking place-items: unsafe flex-start unsafe flex-startPASS
Checking place-items: unsafe flex-start safe centerPASS
Checking place-items: safe center leftPASS
Checking place-items: safe center rightPASS
Checking place-items: safe center legacy leftPASS
Checking place-items: safe center legacy centerPASS
Checking place-items: safe center legacy rightPASS
Checking place-items: safe center normalPASS
Checking place-items: safe center stretchPASS
Checking place-items: safe center startPASS
Checking place-items: safe center endPASS
Checking place-items: safe center self-startPASS
Checking place-items: safe center self-endPASS
Checking place-items: safe center centerPASS
Checking place-items: safe center flex-startPASS
Checking place-items: safe center flex-endPASS
Checking place-items: safe center baselinePASS
Checking place-items: safe center first baselinePASS
Checking place-items: safe center last baselinePASS
Checking place-items: safe center safe flex-endPASS
Checking place-items: safe center unsafe endPASS
Checking place-items: safe center safe endPASS
Checking place-items: safe center unsafe flex-startPASS
Checking place-items: safe center safe centerPASS

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

<!DOCTYPE html>
<title>CSS Box Alignment: place-items shorthand - multiple values specified</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 that setting two values to place-items sets the first one to 'align-items' and the second one to 'justify-items'." />
<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,
                                overflowClasses);
    for (var key1 in classes) {
        let alignValue = classes[key1];
        let classes2 = Object.assign({"Left":"left", "Right":"right"}, legacyClasses, classes);
        for (var key2 in classes2) {
           let justifyValue = classes2[key2];
           test(function() {
               checkPlaceShorhandLonghands("place-items", "align-items", "justify-items", alignValue, justifyValue);
           }, "Checking place-items: " + alignValue + " " + justifyValue);
        }
    }
</script>