[Gap Decorations]: Parse column-rule-break property

Sam Davis Omekara · chromium-wpt-export-bot · commit 075aea4ac5f7 · 2025-02-03T16:35:04.000-08:00
This CL introduces parsing for the `column-rule-break` property which controls the behavior of breaking gap decorations within gap into segments, see: https://drafts.csswg.org/css-gaps-1/#break. Bug: 357648037 Change-Id: I7201d9113654e689d2dfcba3981e9138c3dfc60d Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6216649 Reviewed-by: Kevin Babbitt <kbabbitt@microsoft.com> Reviewed-by: Alison Maher <almaher@microsoft.com> Commit-Queue: Sam Davis Omekara <samomekarajr@microsoft.com> Reviewed-by: Kurt Catti-Schmidt <kschmi@microsoft.com> Cr-Commit-Position: refs/heads/main@{#1415251}
diff --git a/css/css-gaps/tentative/parsing/column-rule-break-computed.html b/css/css-gaps/tentative/parsing/column-rule-break-computed.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Gaps: column-rule-break 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/#break">
+  <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-break", "none");
+    test_computed_value("column-rule-break", "spanning-item");
+    test_computed_value("column-rule-break", "intersection");
+  </script>
+</body>
+</html>
diff --git a/css/css-gaps/tentative/parsing/column-rule-break-invalid.html b/css/css-gaps/tentative/parsing/column-rule-break-invalid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Gaps: parsing column-rule-break 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/#break">
+  <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-break', 'auto');
+    test_invalid_value('column-rule-break', 'true');
+    test_invalid_value('column-rule-break', '10px');
+    test_invalid_value('column-rule-break', 'default');
+  </script>
+</body>
+</html>
diff --git a/css/css-gaps/tentative/parsing/column-rule-break-valid.html b/css/css-gaps/tentative/parsing/column-rule-break-valid.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Gaps: parsing column-rule-break 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/#break">
+  <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-break', 'none');
+    test_valid_value('column-rule-break', 'spanning-item');
+    test_valid_value('column-rule-break', 'intersection');
+  </script>
+</body>
+</html>
