nesting horizontal flexboxes is broken
[WebKit-https.git] / LayoutTests / css3 / flexbox / line-wrapping.html
index 45d2f0c..4dda40f 100644 (file)
@@ -117,7 +117,7 @@ if (window.layoutTestController)
     <div data-expected-width=100 data-expected-height=100>
         <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=0></div>
     </div>
-    <div data-expected-width=100 data-expected-height=40 style="-webkit-flex-align: start;">
+    <div data-expected-width=100 data-expected-height=40 style="-webkit-flex-item-align: start;">
         <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=100></div>
     </div>
 </div>
@@ -126,7 +126,7 @@ if (window.layoutTestController)
     <div data-expected-width=200 data-expected-height=50>
         <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=0></div>
     </div>
-    <div data-expected-width=200 data-expected-height=50 style="-webkit-flex-align: start;">
+    <div data-expected-width=200 data-expected-height=50 style="-webkit-flex-item-align: start;">
         <div data-offset-y=50></div><div data-offset-y=50></div><div data-offset-y=50></div><div data-offset-y=50></div><div data-offset-y=50></div><div data-offset-y=70 data-offset-x=0></div>
     </div>
 </div>
@@ -135,7 +135,7 @@ if (window.layoutTestController)
     <div data-expected-width=200 data-expected-height=50>
         <div data-offset-y=0></div><div data-offset-y=0></div>
     </div>
-    <div data-expected-width=80 data-expected-height=50 style="-webkit-flex-align: start;">
+    <div data-expected-width=80 data-expected-height=50 style="-webkit-flex-item-align: start;">
         <div data-offset-y=50></div><div data-offset-y=50></div>
     </div>
 </div>
@@ -144,7 +144,7 @@ if (window.layoutTestController)
     <div data-expected-width=250 data-expected-height=100>
         <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=0></div>
     </div>
-    <div data-expected-width=250 data-expected-height=40 style="-webkit-flex-align: start;">
+    <div data-expected-width=250 data-expected-height=40 style="-webkit-flex-item-align: start;">
         <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=250></div>
     </div>
 </div>
@@ -153,7 +153,7 @@ if (window.layoutTestController)
     <div data-expected-width=500 data-expected-height=0>
         <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=0></div>
     </div>
-    <div data-expected-width=500 data-expected-height=0 style="-webkit-flex-align: start;">
+    <div data-expected-width=500 data-expected-height=0 style="-webkit-flex-item-align: start;">
         <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=0></div>
     </div>
 </div>
@@ -164,7 +164,7 @@ if (window.layoutTestController)
     <div data-expected-height data-expected-width=100>
         <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=0></div>
     </div>
-    <div data-expected-height=100 data-expected-width=40 style="-webkit-flex-align: start;">
+    <div data-expected-height=100 data-expected-width=40 style="-webkit-flex-item-align: start;">
         <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=100></div>
     </div>
 </div>
@@ -173,7 +173,7 @@ if (window.layoutTestController)
     <div data-expected-height=200 data-expected-width=50>
         <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=0></div>
     </div>
-    <div data-expected-height=200 data-expected-width=50 style="-webkit-flex-align: start;">
+    <div data-expected-height=200 data-expected-width=50 style="-webkit-flex-item-align: start;">
         <div data-offset-x=54></div><div data-offset-x=54></div><div data-offset-x=54></div><div data-offset-x=54></div><div data-offset-x=54></div><div data-offset-x=74 data-offset-y=0></div>
     </div>
 </div>
@@ -182,17 +182,17 @@ if (window.layoutTestController)
     <div data-expected-height=200 data-expected-width=50>
         <div data-offset-x=4></div><div data-offset-x=4></div>
     </div>
-    <div data-expected-height=80 data-expected-width=50 style="-webkit-flex-align: start;">
+    <div data-expected-height=80 data-expected-width=50 style="-webkit-flex-item-align: start;">
         <div data-offset-x=54></div><div data-offset-x=54></div>
     </div>
 </div>
 
-<div class="flexbox auto row vertical-lr" data-expected-height=300>
-    <div data-expected-height=150 data-expected-width=100>
-        <div data-offset-x=4></div><div data-offset-x=24></div><div data-offset-x=44 data-offset-y=0></div>
+<div class="flexbox auto row vertical-lr" data-expected-height=500>
+    <div data-expected-height=250 data-expected-width=100>
+        <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=0></div>
     </div>
-    <div data-expected-height=150 data-expected-width=60 style="-webkit-flex-align: start;">
-        <div data-offset-x=4></div><div data-offset-x=24></div><div data-offset-x=44 data-offset-y=150></div>
+    <div data-expected-height=250 data-expected-width=40 style="-webkit-flex-item-align: start;">
+        <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=250></div>
     </div>
 </div>
 
@@ -200,7 +200,7 @@ if (window.layoutTestController)
     <div data-expected-height=500 data-expected-width=0>
         <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=0></div>
     </div>
-    <div data-expected-height=500 data-expected-width=0 style="-webkit-flex-align: start;">
+    <div data-expected-height=500 data-expected-width=0 style="-webkit-flex-item-align: start;">
         <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=0></div>
     </div>
 </div>
@@ -210,7 +210,7 @@ if (window.layoutTestController)
     <div data-expected-height=100 data-expected-width=100>
         <div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=60 data-offset-y=0></div>
     </div>
-    <div data-expected-height=100 data-expected-width=40 style="-webkit-flex-align: start;">
+    <div data-expected-height=100 data-expected-width=40 style="-webkit-flex-item-align: start;">
         <div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=60 data-offset-y=100></div>
     </div>
 </div>
@@ -219,7 +219,7 @@ if (window.layoutTestController)
     <div data-expected-height=200 data-expected-width=50>
         <div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=60 data-offset-y=0></div>
     </div>
-    <div data-expected-height=200 data-expected-width=50 style="-webkit-flex-align: start;">
+    <div data-expected-height=200 data-expected-width=50 style="-webkit-flex-item-align: start;">
         <div data-offset-x=30></div><div data-offset-x=30></div><div data-offset-x=30></div><div data-offset-x=30></div><div data-offset-x=30></div><div data-offset-x=10 data-offset-y=0></div>
     </div>
 </div>
@@ -228,17 +228,17 @@ if (window.layoutTestController)
     <div data-expected-height=200 data-expected-width=50>
         <div data-offset-x=80></div><div data-offset-x=80></div>
     </div>
-    <div data-expected-height=80 data-expected-width=50 style="-webkit-flex-align: start;">
+    <div data-expected-height=80 data-expected-width=50 style="-webkit-flex-item-align: start;">
         <div data-offset-x=30></div><div data-offset-x=30></div>
     </div>
 </div>
 
-<div class="flexbox auto row vertical-rl" data-expected-height=300>
-    <div data-expected-height=150 data-expected-width=100>
-        <div data-offset-x=80></div><div data-offset-x=60></div><div data-offset-x=40 data-offset-y=0></div>
+<div class="flexbox auto row vertical-rl" data-expected-height=500>
+    <div data-expected-height=250 data-expected-width=100>
+        <div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=60 data-offset-y=0></div>
     </div>
-    <div data-expected-height=150 data-expected-width=60 style="-webkit-flex-align: start;">
-        <div data-offset-x=80></div><div data-offset-x=60></div><div data-offset-x=40 data-offset-y=150></div>
+    <div data-expected-height=250 data-expected-width=40 style="-webkit-flex-item-align: start;">
+        <div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=60 data-offset-y=250></div>
     </div>
 </div>
 
@@ -249,7 +249,7 @@ if (window.layoutTestController)
     <div data-expected-height=500 data-expected-width=0>
         <div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-40 data-offset-y=0></div>
     </div>
-    <div data-expected-height=500 data-expected-width=0 style="-webkit-flex-align: start;">
+    <div data-expected-height=500 data-expected-width=0 style="-webkit-flex-item-align: start;">
         <div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-40 data-offset-y=0></div>
     </div>
 </div>