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

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

Index: LayoutTests/fast/repaint/align-self-change-grid.html
diff --git a/LayoutTests/fast/repaint/align-self-overflow-change.html b/LayoutTests/fast/repaint/align-self-change-grid.html
similarity index 68%
copy from LayoutTests/fast/repaint/align-self-overflow-change.html
copy to LayoutTests/fast/repaint/align-self-change-grid.html
index 372c78fdc19cfc8ab8cac3e899febcff7ec8eaa0..b48419759ec0cb58494065ad4f851f1b9ac482be 100644
--- a/LayoutTests/fast/repaint/align-self-overflow-change.html
+++ b/LayoutTests/fast/repaint/align-self-change-grid.html
@@ -2,8 +2,8 @@
 <script src="resources/text-based-repaint.js"></script>
 <script>
 function repaintTest() {
-  document.getElementsByClassName('item1')[0].style.alignSelf = 'end safe';
-  document.getElementsByClassName('item2')[0].style.alignSelf = 'end safe';
+  document.getElementsByClassName('item1')[0].style.alignSelf = 'stretch';
+  document.getElementsByClassName('item2')[0].style.alignSelf = 'stretch';
 }
 onload = runRepaintTest;
 </script>
@@ -13,7 +13,7 @@ body {
 }
 #container {
   display: grid;
-  grid: 100px 100px / 150px 150px;
+  grid: 100px 100px / 300px;
   width: 200px;
   height: 300px;
   background-color: red;
@@ -21,25 +21,22 @@ body {
 .item1 {
   grid-row: 1;
   grid-column: 1;
-  align-self: end true;
+  align-self: end;
   background-color: green;
-  border: solid thin blue;
-  width: 50px;
 }
 .item2 {
   grid-row: 1;
   grid-column: 2;
-  align-self: end true;
+  align-self: start;
   background-color: green;
-  border: solid thin blue;
-  width: 50px;
+}
 </style>
-<p style="height: 20px">Tests invalidation on align-self style change (just overflow). Passes if there is no red.</p>
+<p style="height: 20px">Tests invalidation on align-self style change. Passes if there is no red.</p>
 <div id="container">
   <div class="item1">
-    <div style="height: 200px"></div>
+    <div style="height: 50px"></div>
   </div>
   <div class="item2">
-    <div style="height: 175px"></div>
+    <div style="height: 50px"></div>
   </div>
 </div>