[css-gaps-1][editorial] Link to WPTs

Author: kbabbitt

css-gaps-1/Overview.bs

@@ -11,6 +11,8 @@ URL: https://drafts.csswg.org/css-gaps-1/
 TR: https://www.w3.org/TR/css-gaps-1/
 Editor: Kevin Babbitt, Microsoft, https://github.com/kbabbitt, w3cid 124689
 Abstract: This module introduces several properties to add row and column gap decorations to container layout types such as grid and flex.
+WPT Path Prefix: css/css-gaps/
+WPT Display: open
 </pre>
 <pre class='anchors'>
 urlPrefix: https://drafts.csswg.org/css-grid-3/; type: dfn; spec: CSS-GRID-3; text: masonry container
@@ -86,6 +88,10 @@ Gap decorations</h2>
 		</figure>
 	</div>
 
+	<wpt>
+		serialization/gap-decorations-properties.html
+	</wpt>
+
 <h3 id="layout-painting">
 Layout and painting</h3>
 
@@ -177,6 +183,25 @@ Layout and painting</h3>
 	<a>Gap decorations</a> are painted relative to pairs of <a>gap intersection points</a>,
 	in the center of the corresponding gap and parallel to its edges.
 
+	<wpt>
+		flex/flex-gap-decorations-001.html
+		flex/flex-gap-decorations-006.html
+		flex/flex-gap-decorations-007.html
+		flex/flex-gap-decorations-008.html
+		flex/flex-gap-decorations-015.html
+		flex/flex-gap-decorations-016.html
+		grid/grid-gap-decorations-001.html
+		multicol/multicol-gap-decorations-001.html
+		multicol/multicol-gap-decorations-002.html
+		multicol/multicol-gap-decorations-003.html
+		multicol/multicol-gap-decorations-005.html
+		multicol/multicol-gap-decorations-006.html
+		multicol/multicol-gap-decorations-007.html
+		multicol/multicol-gap-decorations-013.html
+		multicol/multicol-gap-decorations-015.html
+		multicol/multicol-gap-decorations-016.html
+	</wpt>
+
 	If the positions of one or more gaps coincide exactly due to being [=collapsed gutter|collapsed=],
 	at most one decoration will be drawn for that set of gaps.
 	The decoration that is drawn is selected according to the
@@ -224,6 +249,19 @@ Breaking gap decorations into segments: The 'column-rule-break', 'row-rule-break
 
 	Sets the 'column-rule-break' and 'row-rule-break' properties to the same value.
 
+	<wpt>
+		flex/flex-gap-decorations-009.html
+		flex/flex-gap-decorations-010.html
+		grid/grid-gap-decorations-006.html
+		grid/grid-gap-decorations-007.html
+		grid/grid-gap-decorations-008.html
+		grid/grid-gap-decorations-009.html
+		multicol/multicol-gap-decorations-014.html
+		parsing/rule-break-computed.html
+		parsing/rule-break-invalid.html
+		parsing/rule-break-valid.html
+	</wpt>
+
 <h4 id="pairing">
 Pairing gap intersection points into segments</h4>
 
@@ -585,6 +623,26 @@ Adjusting gap decoration endpoints: The 'column-rule-outset', 'row-rule-outset',
 	For details on how the offset is applied,
 	see the steps to <a>determine pairs of gap decoration endpoints</a>.
 
+	<wpt>
+		flex/flex-gap-decorations-011.html
+		flex/flex-gap-decorations-013.html
+		flex/flex-gap-decorations-014.html
+		grid/grid-gap-decorations-010.html
+		grid/grid-gap-decorations-011.html
+		grid/grid-gap-decorations-012.html
+		grid/grid-gap-decorations-013.html
+		grid/grid-gap-decorations-014.html
+		grid/grid-gap-decorations-015.html
+		multicol/multicol-gap-decorations-008.html
+		multicol/multicol-gap-decorations-009.html
+		multicol/multicol-gap-decorations-010.html
+		multicol/multicol-gap-decorations-011.html
+		multicol/multicol-gap-decorations-012.html
+		parsing/rule-outset-computed.html
+		parsing/rule-outset-invalid.html
+		parsing/rule-outset-valid.html
+	</wpt>
+
 <h3 id="paint-order">
 Gap decoration paint order: The 'rule-paint-order' property</h3>
 
@@ -631,6 +689,14 @@ Gap decoration paint order: The 'rule-paint-order' property</h3>
 		</figure>
 	</div>
 
+	<wpt>
+		flex/flex-gap-decorations-012.html
+		grid/grid-gap-decorations-023.html
+		parsing/rule-paint-order-computed.html
+		parsing/rule-paint-order-invalid.html
+		parsing/rule-paint-order-valid.html
+	</wpt>
+
 <h2 id="color-style-width">
 Color, style, and width</h2>
 
@@ -670,6 +736,18 @@ Gap decoration color: The 'column-rule-color' and 'row-rule-color' properties</h
 		</dd>
 	</dl>
 
+	<wpt>
+		grid/grid-gap-decorations-022.html
+		grid/grid-gap-decorations-024.html
+		grid/grid-gap-decorations-025.html
+		grid/grid-gap-decorations-026.html
+		grid/grid-gap-decorations-027.html
+		grid/grid-gap-decorations-028.html
+		parsing/gap-decorations-color-computed.html
+		parsing/gap-decorations-color-invalid.html
+		parsing/gap-decorations-color-valid.html
+	</wpt>
+
 <h3 id="column-row-rule-style">
 Gap decoration style: The 'column-rule-style' and 'row-rule-style' properties</h3>
 
@@ -699,6 +777,26 @@ Gap decoration style: The 'column-rule-style' and 'row-rule-style' properties</h
 	These properties set the styles of <a>gap decorations</a>.
 	The <<line-style>> values are interpreted as in the <a href="https://www.w3.org/TR/CSS2/tables.html#collapsing-borders">collapsing border model</a>.
 
+	<wpt>
+		flex/flex-gap-decorations-002.html
+		flex/flex-gap-decorations-003.html
+		flex/flex-gap-decorations-004.html
+		flex/flex-gap-decorations-005.html
+		flex/flex-gap-decorations-017.html
+		flex/flex-gap-decorations-018.html
+		grid/grid-gap-decorations-002.html
+		grid/grid-gap-decorations-003.html
+		grid/grid-gap-decorations-004.html
+		grid/grid-gap-decorations-005.html
+		grid/grid-gap-decorations-016.html
+		grid/grid-gap-decorations-017.html
+		grid/grid-gap-decorations-020.html
+		grid/grid-gap-decorations-021.html
+		parsing/gap-decorations-style-computed.html
+		parsing/gap-decorations-style-invalid.html
+		parsing/gap-decorations-style-valid.html
+	</wpt>
+
 <h3 id="column-row-rule-width">
 Gap decoration width: The 'column-rule-width' and 'row-rule-width' properties</h3>
 
@@ -735,6 +833,15 @@ Gap decoration width: The 'column-rule-width' and 'row-rule-width' properties</h
 	Issue: Should the "force to 0" behavior apply when lists of values are involved?
 	If so, how should this be handled with unaligned lists?
 
+	<wpt>
+		grid/grid-gap-decorations-018.html
+		grid/grid-gap-decorations-019.html
+		multicol/multicol-gap-decorations-004.html
+		parsing/gap-decorations-width-computed.html
+		parsing/gap-decorations-width-invalid.html
+		parsing/gap-decorations-width-valid.html
+	</wpt>
+
 <h3 id="lists-repeat">
 Lists of values and the ''repeat-line-color/repeat()'' notation</h3>
 
@@ -934,6 +1041,11 @@ Bi-directional gap decoration shorthands: The 'rule-color', 'rule-style', 'rule-
 
 	These shorthands set the corresponding column and row properties to the same values.
 
+	<wpt>
+		flex/flex-gap-decorations-019.html
+		parsing/gap-decorations-bidirectional-shorthands.html
+	</wpt>
+
 <h2 id="privacy">
 Privacy Considerations</h2>
 
@@ -953,4 +1065,5 @@ Changes since the <a href="https://www.w3.org/TR/2025/WD-css-gaps-1-20250417/">1
 	<ul class="non-normative">
 		<li>Specified the behavior when gaps are coincident due to track collapsing.
 			(<a href="https://github.com/w3c/csswg-drafts/issues/11814">Issue 11814</a>)
+		<li>Added links to WPT suite.
 	</ul>