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

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

TestTest SourceSubtests (0/51)

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

SubtestStatusMessage
e.style['column-rule-inset'] = "0" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "-20px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "5%" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "10vmin" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "calc(8em + 4ex)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "10px 20px / 30px -10px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "-10px -20px / 25% 24%" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "5% 10% / 15% 25%" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "10px 20px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "10px 20px / -5px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "10px / 20px 30px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "10px / 20px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "overlap-join" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "overlap-join 10px / overlap-join 10px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "10px overlap-join / 10px overlap-join" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "overlap-join / 10px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule-inset'] = "overlap-join overlap-join / overlap-join overlap-join" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "0" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "-20px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "5%" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "10vmin" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "calc(8em + 4ex)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "10px 20px / 30px -10px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "-10px -20px / 25% 24%" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "5% 10% / 15% 25%" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "10px 20px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "10px 20px / -5px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "10px / 20px 30px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "10px / 20px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "overlap-join" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "overlap-join 10px / overlap-join 10px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "10px overlap-join / 10px overlap-join" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "overlap-join / 10px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule-inset'] = "overlap-join overlap-join / overlap-join overlap-join" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "0" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "-20px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "5%" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "10vmin" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "calc(8em + 4ex)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "10px 20px / 30px -10px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "-10px -20px / 25% 24%" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "5% 10% / 15% 25%" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "10px 20px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "10px 20px / -5px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "10px / 20px 30px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "10px / 20px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "overlap-join" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "overlap-join 10px / overlap-join 10px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "10px overlap-join / 10px overlap-join" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "overlap-join / 10px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule-inset'] = "overlap-join overlap-join / overlap-join overlap-join" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""

/css/css-gaps/parsing/rule-inset-valid.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>CSS Gaps: parsing rule-inset shorthands with valid 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_valid_value(property, '0', '0px');
      test_valid_value(property, '-20px');
      test_valid_value(property, '5%');
      test_valid_value(property, '10vmin');
      test_valid_value(property, 'calc(8em + 4ex)');
      test_valid_value(property, '10px 20px / 30px -10px');
      test_valid_value(property, '-10px -20px / 25% 24%');
      test_valid_value(property, '5% 10% / 15% 25%');
      test_valid_value(property, '10px 20px', '10px 20px / 10px 20px');
      test_valid_value(property, '10px 20px / -5px', '10px 20px / -5px -5px');
      test_valid_value(property, '10px / 20px 30px', '10px 10px / 20px 30px');
      test_valid_value(property, '10px / 20px', '10px 10px / 20px 20px');
      test_valid_value(property, 'overlap-join');
      test_valid_value(property, 'overlap-join 10px / overlap-join 10px');
      test_valid_value(property, '10px overlap-join / 10px overlap-join');
      test_valid_value(property, 'overlap-join / 10px', 'overlap-join overlap-join / 10px 10px');
      test_valid_value(property, 'overlap-join overlap-join / overlap-join overlap-join', 'overlap-join');
    }
  </script>
</body>
</html>