commit 14ec7aead65002699dd894ca1daf174d6606708c
parent 5b74a63dbb004dfd5a4be89b79bbb5825c20459f
Author: Sam Davis Omekara (from Dev Box) <samomekarajr@microsoft.com>
Date: Thu, 30 Oct 2025 18:57:27 +0000
Bug 1996366 [wpt PR 55649] - [Gap Decorations]: Parse column-rule-visibility-items, a=testonly
Automatic update from web-platform-tests
[Gap Decorations]: Parse column-rule-visibility-items
This CL parses the column-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: I0711406def4103b3ae48dc8fbd672a101a3b2772
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7080904
Commit-Queue: Sam Davis Omekara <samomekarajr@microsoft.com>
Reviewed-by: Alison Maher <almaher@microsoft.com>
Cr-Commit-Position: refs/heads/main@{#1535301}
--
wpt-commits: 5a2fcf776c1442ea7d568979b8ceb42926b075f2
wpt-pr: 55649
Diffstat:
3 files changed, 67 insertions(+), 0 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
@@ -0,0 +1,24 @@
+
+<!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
@@ -0,0 +1,21 @@
+<!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
@@ -0,0 +1,22 @@
+
+<!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>
