[css-align] New CSS Value 'normal' for Self Alignment

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

Index: third_party/WebKit/LayoutTests/fast/repaint/justify-self-change-keeping-geometry.html
diff --git a/third_party/WebKit/LayoutTests/fast/repaint/justify-self-change-keeping-geometry.html b/third_party/WebKit/LayoutTests/fast/repaint/justify-self-change-keeping-geometry.html
index c111cc196d6c783ef689de0c829d3c6519943893..e8ef5157c862064392f7a055ce7aac61d60dc8a0 100644
--- a/third_party/WebKit/LayoutTests/fast/repaint/justify-self-change-keeping-geometry.html
+++ b/third_party/WebKit/LayoutTests/fast/repaint/justify-self-change-keeping-geometry.html
@@ -2,8 +2,8 @@
 <script src="resources/text-based-repaint.js"></script>
 <script>
 function repaintTest() {
-  document.getElementsByClassName('item1')[0].style.justifySelf = 'left';
-  document.getElementsByClassName('item2')[0].style.justifySelf = 'right';
+  document.getElementsByClassName('item1')[0].style.justifySelf = 'stretch';
+  document.getElementsByClassName('item2')[0].style.justifySelf = 'stretch';
 }
 onload = runRepaintAndPixelTest;
 </script>
@@ -13,7 +13,7 @@ body {
 }
 #container {
   display: grid;
-  grid: 150px 150px / 100px 100px;
+  grid: 300px / 100px 100px;
   width: 200px;
   height: 300px;
   background-color: red;
@@ -23,21 +23,17 @@ body {
   grid-column: 1;
   justify-self: start;
   background-color: green;
-  width: 50px;
+  width: 100px;
 }
 .item2 {
   grid-row: 1;
   grid-column: 2;
-  justify-self: end;
+  justify-self: start;
   background-color: green;
-  width: 50px;
+  width: 100px;
 </style>
-<p style="height: 20px">Tests invalidation on justify-self style change. Passes if there is no red.</p>
+<p style="height: 20px">There should be no invalidations because justify-self style change causes no visual change.</p>
 <div id="container">
-  <div class="item1">
-    <div style="height: 150px"></div>
-  </div>
-  <div class="item2">
-    <div style="height: 100px"></div>
-  </div>
+  <div class="item1"></div>
+  <div class="item2"></div>
 </div>