Fix a couple flexbox tests to use flex-start and flex-end
authortony@chromium.org <tony@chromium.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 4 Jun 2012 17:05:20 +0000 (17:05 +0000)
committertony@chromium.org <tony@chromium.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 4 Jun 2012 17:05:20 +0000 (17:05 +0000)
https://bugs.webkit.org/show_bug.cgi?id=88170

Reviewed by Ojan Vafai.

This test was still using start/end for align-self, which fallback
to stretch. The test still passed because it is testing that all
values of align-self behave the same and stretch produced the same
behavior as flex-start/flex-end.

* css3/flexbox/cross-axis-scrollbar.html:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@119405 268f45cc-cd09-0410-ab3c-d52691b4dbfc

LayoutTests/ChangeLog
LayoutTests/css3/flexbox/cross-axis-scrollbar.html

index 800e744..012d06b 100644 (file)
@@ -1,3 +1,17 @@
+2012-06-04  Tony Chang  <tony@chromium.org>
+
+        Fix a couple flexbox tests to use flex-start and flex-end
+        https://bugs.webkit.org/show_bug.cgi?id=88170
+
+        Reviewed by Ojan Vafai.
+
+        This test was still using start/end for align-self, which fallback
+        to stretch. The test still passed because it is testing that all
+        values of align-self behave the same and stretch produced the same
+        behavior as flex-start/flex-end.
+
+        * css3/flexbox/cross-axis-scrollbar.html:
+
 2012-06-04  Sheriff Bot  <webkit.review.bot@gmail.com>
 
         Unreviewed, rolling out r119393.
index 5ee50b2..28a6be3 100644 (file)
@@ -55,9 +55,9 @@ This test passes if no red is showing.
 
 <div style="position: absolute; top: 0; left: 0;">
 <div class="flexbox column" style="overflow-x: scroll; overflow-y: hidden; border-bottom: 10px solid green;">
-    <div style="-webkit-align-self: start"></div>
+    <div style="-webkit-align-self: flex-start"></div>
     <div style="-webkit-align-self: center"></div>
-    <div style="-webkit-align-self: end"></div>
+    <div style="-webkit-align-self: flex-end"></div>
     <div style="-webkit-align-self: baseline"></div>
     <div style="-webkit-align-self: stretch"></div>
 </div>
@@ -65,9 +65,9 @@ This test passes if no red is showing.
 
 <div style="position: absolute; top: 0; left: 150px;">
 <div class="flexbox column" style="overflow-y: scroll; overflow-x: hidden; border-right: 10px solid green;">
-    <div style="-webkit-align-self: start"></div>
+    <div style="-webkit-align-self: flex-start"></div>
     <div style="-webkit-align-self: center"></div>
-    <div style="-webkit-align-self: end"></div>
+    <div style="-webkit-align-self: flex-end"></div>
     <div style="-webkit-align-self: baseline"></div>
     <div style="-webkit-align-self: stretch"></div>
 </div>
@@ -75,29 +75,29 @@ This test passes if no red is showing.
 
 <div style="position: absolute; top:0; left: 300px" class="vertical-lr">
 <div class="flexbox column" style="overflow-y: scroll; overflow-x: hidden; border-right: 10px solid green;">
-    <div style="-webkit-align-self: start"></div>
+    <div style="-webkit-align-self: flex-start"></div>
     <div style="-webkit-align-self: center"></div>
-    <div style="-webkit-align-self: end"></div>
+    <div style="-webkit-align-self: flex-end"></div>
     <div style="-webkit-align-self: baseline"></div>
-    <div style="-webkit-align-self: start"></div>
+    <div style="-webkit-align-self: flex-start"></div>
 </div>
 </div>
 
 <div style="position: absolute; top:0; left: 450px;" class="vertical-lr">
 <div class="flexbox column" style="overflow-x: scroll; overflow-y: hidden; border-bottom: 10px solid green;">
-    <div style="-webkit-align-self: start"></div>
+    <div style="-webkit-align-self: flex-start"></div>
     <div style="-webkit-align-self: center"></div>
-    <div style="-webkit-align-self: end"></div>
+    <div style="-webkit-align-self: flex-end"></div>
     <div style="-webkit-align-self: baseline"></div>
-    <div style="-webkit-align-self: start"></div>
+    <div style="-webkit-align-self: flex-start"></div>
 </div>
 </div>
 
 <div style="height: 20px; width: 100px; position: absolute; top: 100px; left: 0">
 <div class="flexbox row" style="overflow-x: scroll; overflow-y: hidden; border-bottom: 10px solid green;">
-    <div style="-webkit-align-self: start"></div>
+    <div style="-webkit-align-self: flex-start"></div>
     <div style="-webkit-align-self: center"></div>
-    <div style="-webkit-align-self: end"></div>
+    <div style="-webkit-align-self: flex-end"></div>
     <div style="-webkit-align-self: baseline"></div>
     <div style="-webkit-align-self: stretch"></div>
 </div>
@@ -105,9 +105,9 @@ This test passes if no red is showing.
 
 <div style="height: 20px; width: 100px; position: absolute; top: 100px; left: 150px">
 <div class="flexbox row" style="overflow-y: scroll; overflow-x: hidden; border-right: 10px solid green;">
-    <div style="-webkit-align-self: start"></div>
+    <div style="-webkit-align-self: flex-start"></div>
     <div style="-webkit-align-self: center"></div>
-    <div style="-webkit-align-self: end"></div>
+    <div style="-webkit-align-self: flex-end"></div>
     <div style="-webkit-align-self: baseline"></div>
     <div style="-webkit-align-self: stretch"></div>
 </div>
@@ -115,9 +115,9 @@ This test passes if no red is showing.
 
 <div style="height: 50px; width: 50px; position: absolute; top: 100px; left: 300px" class="vertical-lr">
 <div class="flexbox row" style="overflow-x: scroll; overflow-y: hidden; border-bottom: 10px solid green;">
-    <div style="-webkit-align-self: start"></div>
+    <div style="-webkit-align-self: flex-start"></div>
     <div style="-webkit-align-self: center"></div>
-    <div style="-webkit-align-self: end"></div>
+    <div style="-webkit-align-self: flex-end"></div>
     <div style="-webkit-align-self: baseline"></div>
     <div style="-webkit-align-self: stretch"></div>
 </div>
@@ -125,9 +125,9 @@ This test passes if no red is showing.
 
 <div style="height: 50px; width: 50px; position: absolute; top: 100px; left: 450px" class="vertical-lr">
 <div class="flexbox row" style="overflow-y: scroll; overflow-x: hidden; border-right: 10px solid green;">
-    <div style="-webkit-align-self: start"></div>
+    <div style="-webkit-align-self: flex-start"></div>
     <div style="-webkit-align-self: center"></div>
-    <div style="-webkit-align-self: end"></div>
+    <div style="-webkit-align-self: flex-end"></div>
     <div style="-webkit-align-self: baseline"></div>
     <div style="-webkit-align-self: stretch"></div>
 </div>