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

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

Index: LayoutTests/fast/repaint/align-self-change-keeping-geometry-grid.html
diff --git a/LayoutTests/fast/repaint/align-self-change-keeping-geometry.html b/LayoutTests/fast/repaint/align-self-change-keeping-geometry-grid.html
similarity index 63%
copy from LayoutTests/fast/repaint/align-self-change-keeping-geometry.html
copy to LayoutTests/fast/repaint/align-self-change-keeping-geometry-grid.html
index f6b07be1b38d395e58fe85f18a9a142c9f219282..7fd8feea3b31cf38ea75821b5f79e40788a93cba 100644
--- a/LayoutTests/fast/repaint/align-self-change-keeping-geometry.html
+++ b/LayoutTests/fast/repaint/align-self-change-keeping-geometry-grid.html
@@ -3,27 +3,30 @@
 <script>
 function repaintTest() {
   document.getElementsByClassName('item')[0].style.alignSelf = 'stretch';
-  document.getElementsByClassName('item')[1].style.alignSelf = 'stretch';
 }
 onload = runRepaintTest;
 </script>
 <style>
-.flex {
-  display: flex;
-  align-items: flex-start;
+body {
+  margin: 0;
+}
+#container {
+  display: grid;
+  grid: 100px / 300px;
   width: 200px;
   height: 300px;
   background-color: red;
 }
 .item {
+  grid-row: 1;
+  grid-column: 1;
+  align-self: start;
   background-color: green;
-  border: solid thin blue;
-  width: 100px;
-  height: 300px;
 }
 </style>
 <p style="height: 20px">There should be no invalidations because align-self style change causes no visual change.</p>

[Julien - ping for review, 2015/05/19 17:59:17]

Usually no invalidation is better done like
fast/repaint/fixed-position-layer-moved.html (checking if there is any repaint
rectangle in the output and dumped FAIL in this case).

There is one invalidation which means either that we are failing the test (and I
prefer an explicit FAIL in this case) or that this description is inaccurate.

[jfernandez, 2015/05/20 20:11:34]

I tried with that and there is indeed one invalidation rectangle. It s caused by
the bug 474798, which it does not affect only align-items and justify-items
like it states on its description, but align-self and justify-self properties as
well.
I've finally added an entry in the TestExpectations file for this testes,
pointing to
the mentioned bug, so it will fail while we don't fix it (I'm already working on
it).

-<div class="flex">
-  <div class="item"></div>
-  <div class="item"></div>
+<div id="container">
+  <div class="item">
+    <div style="height: 300px"></div>
+  </div>
 </div>