[CSS Grid Layout] Support sparse in auto-placement algorithm

[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 cf13d9e..aa78f23 100644 (file)
--- a/LayoutTests/fast/css-grid-layout/resources/grid.css
+++ b/LayoutTests/fast/css-grid-layout/resources/grid.css
@@ -122,6 +122,30 @@
     -webkit-grid-row: auto;
 }
 
+.autoRowAutoColumnSpanning2 {
+    background-color: maroon;
+    -webkit-grid-column: span 2;
+    -webkit-grid-row: auto;
+}
+
+.autoRowSpanning2AutoColumn {
+    background-color: aqua;
+    -webkit-grid-column: auto;
+    -webkit-grid-row: span 2;
+}
+
+.autoRowSpanning2AutoColumnSpanning3 {
+    background-color: olive;
+    -webkit-grid-column: span 3;
+    -webkit-grid-row: span 2;
+}
+
+.autoRowSpanning3AutoColumnSpanning2 {
+    background-color: indigo;
+    -webkit-grid-column: span 2;
+    -webkit-grid-row: span 3;
+}
+
 /* Grid element flow. */
 .gridAutoFlowStack {
     -webkit-grid-auto-flow: stack;
@@ -131,10 +155,18 @@
     -webkit-grid-auto-flow: column;
 }
 
+.gridAutoFlowColumnDense {
+    -webkit-grid-auto-flow: column dense;
+}
+
 .gridAutoFlowRow {
     -webkit-grid-auto-flow: row;
 }
 
+.gridAutoFlowRowDense {
+    -webkit-grid-auto-flow: row dense;
+}
+
 /* This rule makes sure the container is smaller than any grid items to avoid distributing any extra logical space to them. */
 .constrainedContainer {
     width: 10px;