[css-grid] Implement repeat(auto-fit)

third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-padding.html

Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-padding.html
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-padding.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-padding.html
index e6428bef1489f74dd18d21de38bc8bd067f42c47..d0402e55830ec5f13c8a707c3803076aaf5bafa1 100644
--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-padding.html
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-padding.html
@@ -14,6 +14,11 @@
     position: relative;
 }
 
+.autoFit {
+    grid-template-columns: repeat(auto-fit, 100px);
+    grid-template-rows: repeat(auto-fit, 100px);
+}
+
 .absolute {
     position: absolute;
     top: 0;
@@ -23,6 +28,8 @@
     background: lime;
 }
 
+.gap { grid-gap: 10px; }
+
 </style>
 <script src="../../resources/testharness.js"></script>
 <script src="../../resources/testharnessreport.js"></script>
@@ -200,4 +207,40 @@
     </div>
 </div>
 
+<div class="grid autoFit gap">
+    <div class="absolute" style="grid-column: auto / 1; grid-row: auto / 1;"
+         data-offset-x="0" data-offset-y="0" data-expected-width="15" data-expected-height="15">
+    </div>
+    <div class="absolute" style="grid-column: -1 / auto; grid-row: -1 / auto;"
+         data-offset-x="15" data-offset-y="15" data-expected-width="515" data-expected-height="315">
+    </div>
+</div>
+
+<div class="grid autoFit gap">
+    <div class="absolute" style="grid-column: auto / 2; grid-row: auto / 2;"
+         data-offset-x="0" data-offset-y="0" data-expected-width="15" data-expected-height="15">
+    </div>
+    <div class="absolute" style="grid-column: -2 / auto; grid-row: -2 / auto;"
+         data-offset-x="15" data-offset-y="15" data-expected-width="515" data-expected-height="315">
+    </div>
+</div>
+
+<div class="grid autoFit directionRTL gap">
+    <div class="absolute" style="grid-column: auto / 1; grid-row: auto / 1;"
+         data-offset-x="515" data-offset-y="0" data-expected-width="15" data-expected-height="15">
+    </div>
+    <div class="absolute" style="grid-column: -1 / auto; grid-row: -1 / auto;"
+         data-offset-x="0" data-offset-y="15" data-expected-width="515" data-expected-height="315">
+    </div>
+</div>
+
+<div class="grid autoFit directionRTL gap">
+    <div class="absolute" style="grid-column: auto / 2; grid-row: auto / 2;"
+         data-offset-x="515" data-offset-y="0" data-expected-width="15" data-expected-height="15">
+    </div>
+    <div class="absolute" style="grid-column: -2 / auto; grid-row: -2 / auto;"
+         data-offset-x="0" data-offset-y="15" data-expected-width="515" data-expected-height="315">
+    </div>
+</div>
+
 </body>