[Gap Decorations]: Introduce ColumnRuleStyle on ComputedStyle

Sam Davis Omekara (from Dev Box) · chromium-wpt-export-bot · commit bf49dde84c5f · 2024-12-04T17:30:53.000-08:00
This CL introduces a new data structure to extend the ColumnRuleStyle property for the gap decorations feature. Previously, the `column-rule-style` property could hold only a single style value. However, with the gap decorations feature, this property can now hold multiple values. The CL utilizes the `GapDataList` template data structure to store these values in the computed style object. Additionally, sites that expect a single style value have been updated to call `GetLegacyValue()`, which returns the single style. The code is exercised through the gap-decorations-style-computed.html test. Bug: 357648037 Change-Id: Ic2da56eb1811a4d1f15ee54594aab3052696b774 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6065161 Reviewed-by: Alison Maher <almaher@microsoft.com> Commit-Queue: Sam Davis Omekara <samomekarajr@microsoft.com> Reviewed-by: Kurt Catti-Schmidt <kschmi@microsoft.com> Reviewed-by: Kevin Babbitt <kbabbitt@microsoft.com> Cr-Commit-Position: refs/heads/main@{#1391995}
diff --git a/css/css-gaps/tentative/parsing/gap-decorations-style-computed.html b/css/css-gaps/tentative/parsing/gap-decorations-style-computed.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Gap Decoration: column-rule-style getComputedStyle()</title>
+<link rel="help" href="https://kbabbitt.github.io/css-gap-decorations/pr-11115/Overview.html#column-row-rule-style">
+<link rel="author" title="Sam Davis Omekara Jr." href="mailto:samomekarajr@microsoft.com">
+<meta name="assert" content="column-rule-style computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("column-rule-style", "none");
+test_computed_value("column-rule-style", "hidden");
+test_computed_value("column-rule-style", "dotted");
+test_computed_value("column-rule-style", "dashed");
+test_computed_value("column-rule-style", "solid");
+test_computed_value("column-rule-style", "double");
+test_computed_value("column-rule-style", "groove");
+test_computed_value("column-rule-style", "ridge");
+test_computed_value("column-rule-style", "inset");
+
+// TODO(crbug.com/357648037): Add tests for multiple values when parsing is implemented.
+
+</script>
+</body>
+</html>
