[CSS Grid Layout] Avoid using StyleAdjuster to resolve 'auto' values.

LayoutTests/fast/repaint/justify-items-change-keeping-geometry.html

Index: LayoutTests/fast/repaint/justify-items-change-keeping-geometry.html
diff --git a/LayoutTests/fast/repaint/align-self-change-keeping-geometry-grid.html b/LayoutTests/fast/repaint/justify-items-change-keeping-geometry.html
similarity index 75%
copy from LayoutTests/fast/repaint/align-self-change-keeping-geometry-grid.html
copy to LayoutTests/fast/repaint/justify-items-change-keeping-geometry.html
index 7fd8feea3b31cf38ea75821b5f79e40788a93cba..66df81129d045c30130985ed1820dd805c71f755 100644
--- a/LayoutTests/fast/repaint/align-self-change-keeping-geometry-grid.html
+++ b/LayoutTests/fast/repaint/justify-items-change-keeping-geometry.html
@@ -2,7 +2,7 @@
 <script src="resources/text-based-repaint.js"></script>
 <script>
 function repaintTest() {
-  document.getElementsByClassName('item')[0].style.alignSelf = 'stretch';
+  document.getElementById('container').style.justifyItems = 'stretch';
 }
 onload = runRepaintTest;
 </script>
@@ -15,18 +15,20 @@ body {
   grid: 100px / 300px;
   width: 200px;
   height: 300px;
+  justify-items: start;
   background-color: red;
 }
 .item {
   grid-row: 1;
   grid-column: 1;
-  align-self: start;
+  justify-self: start;
   background-color: green;
+  height: 300px;
 }
 </style>
 <p style="height: 20px">There should be no invalidations because align-self style change causes no visual change.</p>
 <div id="container">
   <div class="item">
-    <div style="height: 300px"></div>
+    <div style="width: 100px;"></div>
   </div>
 </div>