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

Status: PASS | Duration: 40ms | Subtests: 30/30 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (30/30)

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

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

/css/css-gaps/parsing/rule-inset-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="Sam Davis Omekara Jr." href="mailto:samomekarajr@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', 'row-rule-inset', 'rule-inset'];
    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, 'overlap-join garbage');
      test_invalid_value(property, 'overlap-join 10px 20px');
    }
  </script>
</body>
</html>