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

Status: PASS | Duration: 88ms | Subtests: 60/60 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (60/60)

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

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

/css/css-gaps/parsing/rule-inset-cap-junction-invalid.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>CSS Gaps: parsing rule-inset shorthands 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>
    const properties = ['column-rule-inset-cap', 'row-rule-inset-cap', 'column-rule-inset-junction', 'row-rule-inset-junction', 'rule-inset-cap', 'rule-inset-junction'];
    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 10px 20px 20px');
      test_invalid_value(property, '10px / 20px / 10px');
      test_invalid_value(property, '/ 10px 20px');
      test_invalid_value(property, '10px 10px 20px');
      test_invalid_value(property, '10% / 10px 10px 20px');
      test_invalid_value(property, '10px blue');
      test_invalid_value(property, 'overlap-join 10px 20px');
    }
  </script>
</body>
</html>