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

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

Index: third_party/WebKit/LayoutTests/fast/repaint/align-self-change-keeping-geometry-grid-expected.html
diff --git a/third_party/WebKit/LayoutTests/fast/repaint/align-self-change-keeping-geometry-grid-expected.html b/third_party/WebKit/LayoutTests/fast/repaint/align-self-change-keeping-geometry-grid-expected.html
index 3e04eaaf7a743a72ff0ae0cace4c9ae73d97e1d5..c40de91159776cf739ed30f7e45e65f6dc15b43c 100644
--- a/third_party/WebKit/LayoutTests/fast/repaint/align-self-change-keeping-geometry-grid-expected.html
+++ b/third_party/WebKit/LayoutTests/fast/repaint/align-self-change-keeping-geometry-grid-expected.html
@@ -15,18 +15,31 @@ body {
   grid-column: 1;
   align-self: start;
   height: 300px;
+  width: 100px;
   background-color: green;
 }
 .item2 {
   grid-row: 1;
   grid-column: 2;
   align-self: start;
+  background-color: green;
   height: 300px;
+  width: 100px;
+}
+.item3 {
+  grid-row: 1;
+  grid-column: 2;
+  align-self: end;
   background-color: green;
+  height: 300px;
+  width: 100px;
 }
 </style>
 <p style="height: 20px">There should be no invalidations because align-self style change causes no visual change.</p>
 <div id="container">
-  <div id="item1" class="item1"></div>
-  <div id="item2" class="item2"></div>
+  <div class="item1">
+    <div style="height: 300px;"></div>
+  </div>
+  <div class="item2"></div>
+  <div class="item3"></div>
 </div>