commit 7747b53eeb74bba499dc4cdbd1139f67227b75e7
parent 833ba846188f8f6d5a4f18759addde7c82c4f3aa
Author: Sam Davis Omekara (from Dev Box) <samomekarajr@microsoft.com>
Date: Fri, 31 Oct 2025 08:53:38 +0000
Bug 1996680 [wpt PR 55657] - [Gap Decorations]: Parse row-rule-visibility-items, a=testonly
Automatic update from web-platform-tests
[Gap Decorations]: Parse row-rule-visibility-items
This CL parses the `row-rule-visibility-items` property, which controls
how gap decorations interact in segments with empty cells. Although this
property is not yet part of the official spec, we are introducing it
behind the Gap Decorations flag, as this appears to be the intended
direction for the feature. Any changes following discussions with the
working group will be updated accordingly.
See: https://github.com/w3c/csswg-drafts/issues/12602
Bug: 357648037
Change-Id: I102e64ecfeb161f31600d931c1718bf37cb5d9ea
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7081111
Commit-Queue: Sam Davis Omekara <samomekarajr@microsoft.com>
Reviewed-by: Alison Maher <almaher@microsoft.com>
Cr-Commit-Position: refs/heads/main@{#1536083}
--
wpt-commits: 8c8dfd8f0c9cdceecd9748720d5fdbc583029c52
wpt-pr: 55657
Diffstat:
6 files changed, 77 insertions(+), 67 deletions(-)
diff --git a/testing/web-platform/tests/css/css-gaps/parsing/column-rule-visibility-items-computed.html b/testing/web-platform/tests/css/css-gaps/parsing/column-rule-visibility-items-computed.html
@@ -1,24 +0,0 @@
-
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <title>CSS Gaps: column-rule-visibility-items getComputedStyle()</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/computed-testcommon.js"></script>
- <script src="/css/support/inheritance-testcommon.js"></script>
-</head>
-<body>
- <div id="target"></div>
- </div>
- <script>
- test_computed_value("column-rule-visibility-items", "all");
- test_computed_value("column-rule-visibility-items", "none");
- test_computed_value("column-rule-visibility-items", "around");
- test_computed_value("column-rule-visibility-items", "between");
- </script>
-</body>
-</html>
diff --git a/testing/web-platform/tests/css/css-gaps/parsing/column-rule-visibility-items-invalid.html b/testing/web-platform/tests/css/css-gaps/parsing/column-rule-visibility-items-invalid.html
@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <title>CSS Gaps: parsing column-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>
- test_invalid_value('column-rule-visibility-items', 'auto');
- test_invalid_value('column-rule-visibility-items', 'true');
- test_invalid_value('column-rule-visibility-items', '10px');
- test_invalid_value('column-rule-visibility-items', 'default');
- </script>
-</body>
-</html>
diff --git a/testing/web-platform/tests/css/css-gaps/parsing/column-rule-visibility-items-valid.html b/testing/web-platform/tests/css/css-gaps/parsing/column-rule-visibility-items-valid.html
@@ -1,22 +0,0 @@
-
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <title>CSS Gaps: parsing column-rule-visibility-items 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/">
- <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>
- test_valid_value('column-rule-visibility-items', 'all');
- test_valid_value('column-rule-visibility-items', 'none');
- test_valid_value('column-rule-visibility-items', 'around');
- test_valid_value('column-rule-visibility-items', 'between');
- </script>
-</body>
-</html>
diff --git a/testing/web-platform/tests/css/css-gaps/parsing/rule-visibility-items-computed.html b/testing/web-platform/tests/css/css-gaps/parsing/rule-visibility-items-computed.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>CSS Gaps: *-rule-visibility-items getComputedStyle()</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/computed-testcommon.js"></script>
+ <script src="/css/support/inheritance-testcommon.js"></script>
+</head>
+<body>
+ <div id="target"></div>
+ </div>
+ <script>
+ // TODO(samomekarajr): Add tests for shorthand 'rule-visibility-items' once implemented.
+ const properties = ["column-rule-visibility-items", "row-rule-visibility-items"];
+ for (const property of properties) {
+ test_computed_value(property, "all");
+ test_computed_value(property, "none");
+ test_computed_value(property, "around");
+ test_computed_value(property, "between");
+ }
+ </script>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-gaps/parsing/rule-visibility-items-invalid.html b/testing/web-platform/tests/css/css-gaps/parsing/rule-visibility-items-invalid.html
@@ -0,0 +1,25 @@
+<!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>
+ // TODO(samomekarajr): Add tests for shorthand 'rule-visibility-items' once implemented.
+ const properties = ["column-rule-visibility-items", "row-rule-visibility-items"];
+ for (const property of properties) {
+ test_invalid_value(property, 'auto');
+ test_invalid_value(property, 'true');
+ test_invalid_value(property, '10px');
+ test_invalid_value(property, 'default');
+ }
+ </script>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-gaps/parsing/rule-visibility-items-valid.html b/testing/web-platform/tests/css/css-gaps/parsing/rule-visibility-items-valid.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>CSS Gaps: parsing *-rule-visibility-items 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/">
+ <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(samomekarajr): Add tests for shorthand 'rule-visibility-items' once implemented.
+ const properties = ["column-rule-visibility-items", "row-rule-visibility-items"];
+ for (const property of properties) {
+ test_valid_value(property, "all");
+ test_valid_value(property, "none");
+ test_valid_value(property, "around");
+ test_valid_value(property, "between");
+ }
+ </script>
+</body>
+</html>
