[CSS Grid Layout] New alignment related repaint layout tests.

LayoutTests/fast/repaint/justify-content-distribution-change-grid.html

Index: LayoutTests/fast/repaint/justify-content-distribution-change-grid.html
diff --git a/LayoutTests/fast/repaint/justify-content-change.html b/LayoutTests/fast/repaint/justify-content-distribution-change-grid.html
similarity index 60%
copy from LayoutTests/fast/repaint/justify-content-change.html
copy to LayoutTests/fast/repaint/justify-content-distribution-change-grid.html
index d15ce680f903ca37b50250287188b5707f5d1b25..66578d4f7a4c8e01718a68b7252a9ae98815d2af 100644
--- a/LayoutTests/fast/repaint/justify-content-change.html
+++ b/LayoutTests/fast/repaint/justify-content-distribution-change-grid.html
@@ -2,7 +2,7 @@
 <script src="resources/text-based-repaint.js"></script>
 <script>
 function repaintTest() {
-  document.getElementById('container').style.justifyContent = 'space-between';
+  document.getElementById('container').style.justifyContent = 'stretch';
 }
 onload = runRepaintTest;
 </script>
@@ -11,24 +11,28 @@ body {
   margin: 0;
 }
 #container {
-  display: flex;
+  display: grid;
+  grid-auto-columns: auto;
+  grid-auto-rows: 200px;
+  grid-auto-flow: column;
   justify-content: space-around;
-  width: 200px;
-  height: 300px;
+  width: 300px;
+  height: 200px;
   background-color: red;
 }
 .item {
   background-color: green;
-  border: solid thin blue;
-  width: 50px;
 }
 </style>
-<p style="height: 20px">Tests invalidation on justify-content style change. Passes if there is no red.</p>
+<p style="height: 20px">Tests invalidation on justify-content style change (distribution). Passes if there is no red.</p>
 <div id="container">
   <div class="item">
-    <div style="height: 50px"></div>
+    <div style="width: 50px"></div>
   </div>
   <div class="item">
-    <div style="height: 50px"></div>
+    <div style="width: 50px"></div>
+  </div>
+  <div class="item">
+    <div style="width: 50px"></div>
   </div>
 </div>