[CSS Grid Layout] Stretch value for align and justify properties.

LayoutTests/fast/css-grid-layout/justify-self-cell.html

Index: LayoutTests/fast/css-grid-layout/justify-self-cell.html
diff --git a/LayoutTests/fast/css-grid-layout/justify-self-cell.html b/LayoutTests/fast/css-grid-layout/justify-self-cell.html
index 5f2d619a85b73fc585d520e9b85e9807a2433dde..9250b285d4657f27f7defc297efff7f47599b5c8 100644
--- a/LayoutTests/fast/css-grid-layout/justify-self-cell.html
+++ b/LayoutTests/fast/css-grid-layout/justify-self-cell.html
@@ -68,7 +68,7 @@
 
 <div style="position: relative" class="constrainedContainer">
 <div class="grid" data-expected-width="200" data-expected-height="400">
-    <div class="justifySelfStretch firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="100" data-expected-height="0"></div>
+    <div class="justifySelfStretch firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="100" data-expected-height="200"></div>
     <div class="cell justifySelfStart firstRowSecondColumn" data-offset-x="100" data-offset-y="0" data-expected-width="10" data-expected-height="20"></div>
     <div class="cell justifySelfEnd firstRowSecondColumn" data-offset-x="190" data-offset-y="0" data-expected-width="10" data-expected-height="20"></div>
     <div class="cell justifySelfCenter secondRowFirstColumn" data-offset-x="45" data-offset-y="200" data-expected-width="10" data-expected-height="20"></div>
@@ -97,7 +97,7 @@
 
 <div style="position: relative">
     <div class="grid" data-expected-width="200" data-expected-height="400">
-        <div class="cell justifySelfAuto firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="10" data-expected-height="20"></div>
+        <div class="justifySelfAuto firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="100" data-expected-height="200"></div>
         <div class="cell firstRowSecondColumn" data-offset-x="100" data-offset-y="0" data-expected-width="10" data-expected-height="20"></div>
         <div class="cell justifySelfStart secondRowFirstColumn" data-offset-x="0" data-offset-y="200" data-expected-width="10" data-expected-height="20"></div>
         <div class="cell justifySelfEnd secondRowSecondColumn" data-offset-x="190" data-offset-y="200" data-expected-width="10" data-expected-height="20"></div>
@@ -107,8 +107,7 @@
 <!-- Vertical writing mode. -->
 <div style="position: relative" class="constrainedContainer">
 <div class="grid verticalRL" data-expected-width="400" data-expected-height="200">
-    <!-- FIXME: Why is offset-x 400? -->
-    <div class="justifySelfStretch firstRowFirstColumn" data-offset-x="400" data-offset-y="0" data-expected-width="0" data-expected-height="100"></div>
+    <div class="justifySelfStretch firstRowFirstColumn" data-offset-x="200" data-offset-y="0" data-expected-width="200" data-expected-height="100"></div>
     <div class="cell justifySelfStart firstRowSecondColumn" data-offset-x="390" data-offset-y="100" data-expected-width="10" data-expected-height="20"></div>
     <div class="cell justifySelfEnd firstRowSecondColumn" data-offset-x="390" data-offset-y="180" data-expected-width="10" data-expected-height="20"></div>
     <div class="cell justifySelfCenter secondRowFirstColumn" data-offset-x="190" data-offset-y="40" data-expected-width="10" data-expected-height="20"></div>
@@ -128,7 +127,7 @@
 <!-- RTL direction. -->
 <div style="position: relative" class="constrainedContainer">
 <div class="grid directionRTL" data-expected-width="200" data-expected-height="400">
-    <div class="justifySelfStretch firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="100" data-expected-height="0"></div>
+    <div class="justifySelfStretch firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="100" data-expected-height="200"></div>
     <div class="cell justifySelfStart firstRowSecondColumn" data-offset-x="190" data-offset-y="0" data-expected-width="10" data-expected-height="20"></div>
     <div class="cell justifySelfEnd firstRowSecondColumn" data-offset-x="100" data-offset-y="0" data-expected-width="10" data-expected-height="20"></div>
     <div class="cell justifySelfCenter secondRowFirstColumn" data-offset-x="45" data-offset-y="200" data-expected-width="10" data-expected-height="20"></div>
@@ -148,7 +147,7 @@
 <!-- RTL direction with opposite directions grid container vs grid item. -->
 <div style="position: relative" class="constrainedContainer">
 <div class="grid" data-expected-width="200" data-expected-height="400">
-    <div class="justifySelfStretch firstRowFirstColumn directionRTL" data-offset-x="0" data-offset-y="0" data-expected-width="100" data-expected-height="0"></div>
+    <div class="justifySelfStretch firstRowFirstColumn directionRTL" data-offset-x="0" data-offset-y="0" data-expected-width="100" data-expected-height="200"></div>
     <div class="cell justifySelfStart firstRowSecondColumn directionRTL" data-offset-x="100" data-offset-y="0" data-expected-width="10" data-expected-height="20"></div>
     <div class="cell justifySelfEnd firstRowSecondColumn directionRTL" data-offset-x="190" data-offset-y="0" data-expected-width="10" data-expected-height="20"></div>
     <div class="cell justifySelfCenter secondRowFirstColumn directionRTL" data-offset-x="45" data-offset-y="200" data-expected-width="10" data-expected-height="20"></div>