wpt / css / css-gaps / parsing / rule-visibility-items-invalid.html

Status: PASS | Duration: 43ms | Subtests: 15/15 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (15/15)

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

SubtestStatusMessage
e.style['column-rule-visibility-items'] = "true" should not set the property valuePASS
e.style['column-rule-visibility-items'] = "10px" should not set the property valuePASS
e.style['column-rule-visibility-items'] = "default" should not set the property valuePASS
e.style['column-rule-visibility-items'] = "none" should not set the property valuePASS
e.style['column-rule-visibility-items'] = "auto" should not set the property valuePASS
e.style['row-rule-visibility-items'] = "true" should not set the property valuePASS
e.style['row-rule-visibility-items'] = "10px" should not set the property valuePASS
e.style['row-rule-visibility-items'] = "default" should not set the property valuePASS
e.style['row-rule-visibility-items'] = "none" should not set the property valuePASS
e.style['row-rule-visibility-items'] = "auto" should not set the property valuePASS
e.style['rule-visibility-items'] = "true" should not set the property valuePASS
e.style['rule-visibility-items'] = "10px" should not set the property valuePASS
e.style['rule-visibility-items'] = "default" should not set the property valuePASS
e.style['rule-visibility-items'] = "none" should not set the property valuePASS
e.style['rule-visibility-items'] = "auto" should not set the property valuePASS

/css/css-gaps/parsing/rule-visibility-items-invalid.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>CSS Gaps: parsing *-rule-visibility-items 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/">
  <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-visibility-items", "row-rule-visibility-items", "rule-visibility-items"];
    for (const property of properties) {
      test_invalid_value(property, 'true');
      test_invalid_value(property, '10px');
      test_invalid_value(property, 'default');
      test_invalid_value(property, 'none');
      test_invalid_value(property, 'auto');
    }
  </script>
</body>
</html>