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

third_party/WebKit/LayoutTests/fast/repaint/align-self-change-grid.html

Index: third_party/WebKit/LayoutTests/fast/repaint/align-self-change-grid.html
diff --git a/third_party/WebKit/LayoutTests/fast/repaint/align-self-change-grid.html b/third_party/WebKit/LayoutTests/fast/repaint/align-self-change-grid.html
index 2da5da3b36e96fc691b0b4829423e5f041f8069e..50a54eaa5992d2147bdde6bf037a7ac11e59e999 100644
--- a/third_party/WebKit/LayoutTests/fast/repaint/align-self-change-grid.html
+++ b/third_party/WebKit/LayoutTests/fast/repaint/align-self-change-grid.html
@@ -3,7 +3,8 @@
 <script>
 function repaintTest() {
   document.getElementsByClassName('item1')[0].style.alignSelf = 'stretch';
-  document.getElementsByClassName('item2')[0].style.alignSelf = 'stretch';
+  document.getElementsByClassName('item2')[0].style.alignSelf = 'start';
+  document.getElementsByClassName('item3')[0].style.alignSelf = 'end';
 }
 onload = runRepaintAndPixelTest;
 </script>
@@ -27,7 +28,13 @@ body {
 .item2 {
   grid-row: 1;
   grid-column: 2;
-  align-self: start;
+  align-self: center;
+  background-color: green;
+}
+.item3 {
+  grid-row: 1;
+  grid-column: 2;
+  align-self: center;
   background-color: green;
 }
 </style>
@@ -37,6 +44,9 @@ body {
     <div style="height: 50px"></div>
   </div>
   <div class="item2">
-    <div style="height: 50px"></div>
+    <div style="height: 150px"></div>
+  </div>
+  <div class="item3">
+    <div style="height: 150px"></div>
   </div>
 </div>