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

Status: PASS | Duration: 42ms | Subtests: 24/24 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (24/24)

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

SubtestStatusMessage
e.style['column-rule-inset-junction-start'] = "auto" should not set the property valuePASS
e.style['column-rule-inset-junction-start'] = "none" should not set the property valuePASS
e.style['column-rule-inset-junction-start'] = "10" should not set the property valuePASS
e.style['column-rule-inset-junction-start'] = "10px 20px" should not set the property valuePASS
e.style['column-rule-inset-junction-start'] = "overlap-join 10px" should not set the property valuePASS
e.style['column-rule-inset-junction-start'] = "10px overlap-join" should not set the property valuePASS
e.style['row-rule-inset-junction-start'] = "auto" should not set the property valuePASS
e.style['row-rule-inset-junction-start'] = "none" should not set the property valuePASS
e.style['row-rule-inset-junction-start'] = "10" should not set the property valuePASS
e.style['row-rule-inset-junction-start'] = "10px 20px" should not set the property valuePASS
e.style['row-rule-inset-junction-start'] = "overlap-join 10px" should not set the property valuePASS
e.style['row-rule-inset-junction-start'] = "10px overlap-join" should not set the property valuePASS
e.style['column-rule-inset-junction-end'] = "auto" should not set the property valuePASS
e.style['column-rule-inset-junction-end'] = "none" should not set the property valuePASS
e.style['column-rule-inset-junction-end'] = "10" should not set the property valuePASS
e.style['column-rule-inset-junction-end'] = "10px 20px" should not set the property valuePASS
e.style['column-rule-inset-junction-end'] = "overlap-join 10px" should not set the property valuePASS
e.style['column-rule-inset-junction-end'] = "10px overlap-join" should not set the property valuePASS
e.style['row-rule-inset-junction-end'] = "auto" should not set the property valuePASS
e.style['row-rule-inset-junction-end'] = "none" should not set the property valuePASS
e.style['row-rule-inset-junction-end'] = "10" should not set the property valuePASS
e.style['row-rule-inset-junction-end'] = "10px 20px" should not set the property valuePASS
e.style['row-rule-inset-junction-end'] = "overlap-join 10px" should not set the property valuePASS
e.style['row-rule-inset-junction-end'] = "10px overlap-join" should not set the property valuePASS

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>CSS Gaps: parsing *-rule-interior-*-inset with invalid values</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/parsing-testcommon.js"></script>
</head>
<body>
  <div id="target"></div>
  <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_invalid_value(property, 'auto');
      test_invalid_value(property, 'none');
      test_invalid_value(property, '10');
      test_invalid_value(property, '10px 20px');
      test_invalid_value(property, 'overlap-join 10px');
      test_invalid_value(property, '10px overlap-join');
    }
  </script>
</body>
</html>