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

third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-001.html

Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-001.html
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-001.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-001.html
index fc09611b26f79795d4cb5e0740635fa598a481dd..b9dd85c81313cf49a8389cab3360e582307a5dfd 100644
--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-001.html
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-001.html
@@ -67,7 +67,7 @@ x:last-child {
 
 fill,fit {
   float: left;
-  width: 400px;
+  width: 390px;
 }
 </style>
 </head>
@@ -122,58 +122,57 @@ fill,fit {
 
 </fill>
 
-<!-- TODO(svillar): uncomment these tests when enabling auto-fit. -->
-<!-- <fit>
-
-     <div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r1 w100"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r1 w50"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r1 xw50"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r1 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r1 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r1 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
-
-     <br clear="all">
-     <br clear="all">
-
-     <div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r2 w80"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r2 w50"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r2 xw80"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r2 xw50"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r2 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
-
-     <br clear="all">
-     <br clear="all">
-
-     <div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r3 w80"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r3 w50"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r3 xw80"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r3 xw50"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r3 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
-     <div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
-
-     <br clear="all">
-     <br clear="all">
-
-     </fit> -->
+<fit>
+
+<div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+</fit>
 
 </body>
 </html>