[CSS Grid Layout] Support "sparse" in auto-placed items locked to a row/column

[WebKit-https.git] / LayoutTests / fast / css-grid-layout / resources / grid.css

diff --git a/LayoutTests/fast/css-grid-layout/resources/grid.css b/LayoutTests/fast/css-grid-layout/resources/grid.css
index f0fb63f..169a0c5 100644 (file)
--- a/LayoutTests/fast/css-grid-layout/resources/grid.css
+++ b/LayoutTests/fast/css-grid-layout/resources/grid.css
@@ -146,6 +146,32 @@
     -webkit-grid-row: span 3;
 }
 
+.autoRowFirstColumnSpanning2 {
+    background-color: maroon;
+    -webkit-grid-column: 1 / span 2;
+    -webkit-grid-row: auto;
+}
+
+.autoRowSecondColumnSpanning2 {
+    background-color: olive;
+    -webkit-grid-column: 2 / span 2;
+    -webkit-grid-row: auto;
+}
+
+.firstRowSpanning2AutoColumn {
+    background-color: maroon;
+    -webkit-grid-column: auto;
+    -webkit-grid-row: 1 / span 2;
+    height: 100%;
+}
+
+.secondRowSpanning2AutoColumn {
+    background-color: olive;
+    -webkit-grid-column: auto;
+    -webkit-grid-row: 2 / span 2;
+    height: 100%;
+}
+
 /* Grid element flow. */
 .gridAutoFlowColumnSparse {
     -webkit-grid-auto-flow: column;