wpt / css / css-gaps / parsing / rule-inset-junction-start-end-computed.html

Status: FAIL | Duration: 85ms | Subtests: 0/32 | 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
Property column-rule-inset-junction-start value '10px'FAILassert_true: column-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-start value '-20px'FAILassert_true: column-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-start value '0.5em'FAILassert_true: column-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-start value 'calc(10px + 0.5em)'FAILassert_true: column-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-start value 'calc(10px - 0.5em)'FAILassert_true: column-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-start value '30%'FAILassert_true: column-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-start value 'calc(25% + 10px)'FAILassert_true: column-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-start value 'overlap-join'FAILassert_true: column-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-start value '10px'FAILassert_true: row-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-start value '-20px'FAILassert_true: row-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-start value '0.5em'FAILassert_true: row-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-start value 'calc(10px + 0.5em)'FAILassert_true: row-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-start value 'calc(10px - 0.5em)'FAILassert_true: row-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-start value '30%'FAILassert_true: row-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-start value 'calc(25% + 10px)'FAILassert_true: row-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-start value 'overlap-join'FAILassert_true: row-rule-inset-junction-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-end value '10px'FAILassert_true: column-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-end value '-20px'FAILassert_true: column-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-end value '0.5em'FAILassert_true: column-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-end value 'calc(10px + 0.5em)'FAILassert_true: column-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-end value 'calc(10px - 0.5em)'FAILassert_true: column-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-end value '30%'FAILassert_true: column-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-end value 'calc(25% + 10px)'FAILassert_true: column-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-junction-end value 'overlap-join'FAILassert_true: column-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-end value '10px'FAILassert_true: row-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-end value '-20px'FAILassert_true: row-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-end value '0.5em'FAILassert_true: row-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-end value 'calc(10px + 0.5em)'FAILassert_true: row-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-end value 'calc(10px - 0.5em)'FAILassert_true: row-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-end value '30%'FAILassert_true: row-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-end value 'calc(25% + 10px)'FAILassert_true: row-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-junction-end value 'overlap-join'FAILassert_true: row-rule-inset-junction-end doesn't seem to be supported in the computed style expected true got false

/css/css-gaps/parsing/rule-inset-junction-start-end-computed.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>CSS Gaps: *-rule-interior-*-inset getComputedStyle()</title>
    <link rel="author" title="Javier Contreras" href="mailto:javiercon@microsoft.com">
    <link rel="help" href="https://drafts.csswg.org/css-gaps-1/#inset">
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
    <script src="/css/support/computed-testcommon.js"></script>
    <script src="/css/support/inheritance-testcommon.js"></script>
</head>
<body>
    <div id="target"></div>
    <style>
        #target {
            font-size: 40px;
        }
    </style>
    <script>
        // TODO(javiercon): Add shorthand support and test here.
        const properties = ["column-rule-inset-junction-start", "row-rule-inset-junction-start", "column-rule-inset-junction-end", "row-rule-inset-junction-end"];
        for (const property of properties) {
            test_computed_value(property, "10px");
            test_computed_value(property, "-20px");
            test_computed_value(property, "0.5em", "20px");
            test_computed_value(property, "calc(10px + 0.5em)", "30px");
            test_computed_value(property, "calc(10px - 0.5em)", "-10px");
            test_computed_value(property, "30%");
            test_computed_value(property, "calc(25% + 10px)");
            test_computed_value(property, "overlap-join");
        }
    </script>
</body>
</html>