Add flexbox test.

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

diff --git a/LayoutTests/fast/flexbox/026-expected.checksum b/LayoutTests/fast/flexbox/026-expected.checksum
new file mode 100644 (file)
index 0000000..4984bc3
--- /dev/null
+++ b/LayoutTests/fast/flexbox/026-expected.checksum
@@ -0,0 +1 @@
+fd9850e18f176a6385d6cab66d75a2cc
\ No newline at end of file

diff --git a/LayoutTests/fast/flexbox/026-expected.png b/LayoutTests/fast/flexbox/026-expected.png
new file mode 100644 (file)
index 0000000..8d4e927
Binary files /dev/null and b/LayoutTests/fast/flexbox/026-expected.png differ

diff --git a/LayoutTests/fast/flexbox/026-expected.txt b/LayoutTests/fast/flexbox/026-expected.txt
new file mode 100644 (file)
index 0000000..09bc2a6
--- /dev/null
+++ b/LayoutTests/fast/flexbox/026-expected.txt
@@ -0,0 +1,14 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584
+      RenderFlexibleBox {DIV} at (0,0) size 300x100 [bgcolor=#0000FF]
+        RenderBlock {DIV} at (0,0) size 400x100 [bgcolor=#FF0000]
+          RenderText {#text} at (0,0) size 63x18
+            text run at (0,0) width 63: "Some text"
+        RenderBlock {DIV} at (400,0) size 0x100 [bgcolor=#008000]
+          RenderText {#text} at (0,0) size 36x54
+            text run at (0,0) width 36: "Some"
+            text run at (0,18) width 32: "more"
+            text run at (0,36) width 23: "text"

diff --git a/LayoutTests/fast/flexbox/026.html b/LayoutTests/fast/flexbox/026.html
new file mode 100644 (file)
index 0000000..0502370
--- /dev/null
+++ b/LayoutTests/fast/flexbox/026.html
@@ -0,0 +1,29 @@
+<style type="text/css">
+  #file {
+    display: -moz-box;
+    display: -khtml-box;
+    display: box;
+    background-color: blue;
+    width: 300px;
+    height: 100px;
+  }
+
+  #but {
+    -moz-box-flex: 2;
+    -khtml-box-flex: 2;
+    box-flex: 2;
+    height: 100px;
+    background-color: red;
+    max-width: 400px;
+    min-width: 400px;
+  }
+
+  #name {
+    -moz-box-flex: 3;
+    -khtml-box-flex: 3;
+    box-flex: 3;
+    height: 100px;
+    background-color: green;
+  }
+</style>
+<div id="file"><div id="but">Some text</div><div id="name">Some more text</div></div>
\ No newline at end of file