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

Status: FAIL | Duration: 49ms | Subtests: 0/36 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (0/36)

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

SubtestStatusMessage
Property column-rule-inset-start value '10px'FAILassert_true: column-rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-start value 'calc(10px + 0.5em)'FAILassert_true: column-rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-start value 'calc(10px - 0.5em)'FAILassert_true: column-rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-start value '30%'FAILassert_true: column-rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-start value 'calc(25% + 10px)'FAILassert_true: column-rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-start value 'overlap-join'FAILassert_true: column-rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-end value '10px'FAILassert_true: column-rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-end value 'calc(10px + 0.5em)'FAILassert_true: column-rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-end value 'calc(10px - 0.5em)'FAILassert_true: column-rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-end value '30%'FAILassert_true: column-rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-end value 'calc(25% + 10px)'FAILassert_true: column-rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property column-rule-inset-end value 'overlap-join'FAILassert_true: column-rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-start value '10px'FAILassert_true: row-rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-start value 'calc(10px + 0.5em)'FAILassert_true: row-rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-start value 'calc(10px - 0.5em)'FAILassert_true: row-rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-start value '30%'FAILassert_true: row-rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-start value 'calc(25% + 10px)'FAILassert_true: row-rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-start value 'overlap-join'FAILassert_true: row-rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-end value '10px'FAILassert_true: row-rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-end value 'calc(10px + 0.5em)'FAILassert_true: row-rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-end value 'calc(10px - 0.5em)'FAILassert_true: row-rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-end value '30%'FAILassert_true: row-rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-end value 'calc(25% + 10px)'FAILassert_true: row-rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property row-rule-inset-end value 'overlap-join'FAILassert_true: row-rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property rule-inset-start value '10px'FAILassert_true: rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property rule-inset-start value 'calc(10px + 0.5em)'FAILassert_true: rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property rule-inset-start value 'calc(10px - 0.5em)'FAILassert_true: rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property rule-inset-start value '30%'FAILassert_true: rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property rule-inset-start value 'calc(25% + 10px)'FAILassert_true: rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property rule-inset-start value 'overlap-join'FAILassert_true: rule-inset-start doesn't seem to be supported in the computed style expected true got false
Property rule-inset-end value '10px'FAILassert_true: rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property rule-inset-end value 'calc(10px + 0.5em)'FAILassert_true: rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property rule-inset-end value 'calc(10px - 0.5em)'FAILassert_true: rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property rule-inset-end value '30%'FAILassert_true: rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property rule-inset-end value 'calc(25% + 10px)'FAILassert_true: rule-inset-end doesn't seem to be supported in the computed style expected true got false
Property rule-inset-end value 'overlap-join'FAILassert_true: rule-inset-end doesn't seem to be supported in the computed style expected true got false

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>CSS Gaps: rule-inset-start/end shorthands 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>
    const properties = ["column-rule-inset-start", "column-rule-inset-end",
                         "row-rule-inset-start", "row-rule-inset-end",
                         "rule-inset-start", "rule-inset-end"];
    for (const property of properties) {
      test_computed_value(property, "10px", "10px");
      test_computed_value(property, "calc(10px + 0.5em)", "30px");
      test_computed_value(property, "calc(10px - 0.5em)", "-10px");
      test_computed_value(property, "30%", "30%");
      test_computed_value(property, "calc(25% + 10px)", "calc(25% + 10px)");
      test_computed_value(property, "overlap-join");
    }
  </script>
</body>
</html>