[css-grid] Only force full invalidation when grid item data change

third_party/WebKit/LayoutTests/fast/repaint/justify-self-change.html

Index: third_party/WebKit/LayoutTests/fast/repaint/justify-self-change.html
diff --git a/third_party/WebKit/LayoutTests/fast/repaint/justify-self-change.html b/third_party/WebKit/LayoutTests/fast/repaint/justify-self-change.html
index fb65e5e92b5fae1b3f996a86414af630ae16a227..e484f96cc060a7d2c0bedc62f4fa81c1db5f6ef8 100644
--- a/third_party/WebKit/LayoutTests/fast/repaint/justify-self-change.html
+++ b/third_party/WebKit/LayoutTests/fast/repaint/justify-self-change.html
@@ -2,8 +2,9 @@
 <script src="resources/text-based-repaint.js"></script>
 <script>
 function repaintTest() {
-  document.getElementsByClassName('item1')[0].style.justifySelf = 'start';
-  document.getElementsByClassName('item2')[0].style.justifySelf = 'end';
+  document.getElementsByClassName('item1')[0].style.justifySelf = 'stretch';
+  document.getElementsByClassName('item2')[0].style.justifySelf = 'start';
+  document.getElementsByClassName('item3')[0].style.justifySelf = 'end';
 }
 onload = runRepaintAndPixelTest;
 </script>
@@ -14,7 +15,6 @@ body {
 #container {
   display: grid;
   grid: 150px 150px / 100px 100px;
-  justify-items: center;
   width: 200px;
   height: 300px;
   background-color: red;
@@ -23,22 +23,33 @@ body {
   grid-row: 1;
   grid-column: 1;
   background-color: green;
-  border: solid thin blue;
-  width: 50px;
+  justify-self: center;
+  height: 300px;
 }
 .item2 {
   grid-row: 1;
   grid-column: 2;
   background-color: green;
-  border: solid thin blue;
-  width: 50px;
+  justify-self: center;
+  height: 300px;
+}
+.item3 {
+  grid-row: 1;
+  grid-column: 2;
+  background-color: green;
+  justify-self: center;
+  height: 300px;
+}
 </style>
 <p style="height: 20px">Tests invalidation on justify-self style change. Passes if there is no red.</p>
 <div id="container">
   <div class="item1">
-    <div style="height: 150px"></div>
+    <div style="width: 50px;"></div>
   </div>
   <div class="item2">
-    <div style="height: 100px"></div>
+    <div style="width: 50px;"></div>
+  </div>
+  <div class="item3">
+    <div style="width: 50px;"></div>
   </div>
 </div>