Title: [110634] trunk/LayoutTests
- Revision
- 110634
- Author
- [email protected]
- Date
- 2012-03-13 16:18:42 -0700 (Tue, 13 Mar 2012)
Log Message
more multiline flexbox tests
https://bugs.webkit.org/show_bug.cgi?id=81025
Reviewed by Ojan Vafai.
Add a test case for wrap-reverse to verify that we align with the end of the flexbox.
* css3/flexbox/multiline-reverse-wrap-overflow-expected.txt: Added.
* css3/flexbox/multiline-reverse-wrap-overflow.html: Added.
Modified Paths
Added Paths
Diff
Modified: trunk/LayoutTests/ChangeLog (110633 => 110634)
--- trunk/LayoutTests/ChangeLog 2012-03-13 23:11:25 UTC (rev 110633)
+++ trunk/LayoutTests/ChangeLog 2012-03-13 23:18:42 UTC (rev 110634)
@@ -1,3 +1,15 @@
+2012-03-13 Tony Chang <[email protected]>
+
+ more multiline flexbox tests
+ https://bugs.webkit.org/show_bug.cgi?id=81025
+
+ Reviewed by Ojan Vafai.
+
+ Add a test case for wrap-reverse to verify that we align with the end of the flexbox.
+
+ * css3/flexbox/multiline-reverse-wrap-overflow-expected.txt: Added.
+ * css3/flexbox/multiline-reverse-wrap-overflow.html: Added.
+
2012-03-13 Darin Fisher <[email protected]>
fast/loader/form-submission-after-beforeunload-cancel.html is flaky
Added: trunk/LayoutTests/css3/flexbox/multiline-reverse-wrap-overflow-expected.txt (0 => 110634)
--- trunk/LayoutTests/css3/flexbox/multiline-reverse-wrap-overflow-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/flexbox/multiline-reverse-wrap-overflow-expected.txt 2012-03-13 23:18:42 UTC (rev 110634)
@@ -0,0 +1,8 @@
+Test to make sure that wrap-reverse starts at the cross start edge if sizing is not auto.
+
+PASS
+PASS
+PASS
+PASS
+PASS
+PASS
Added: trunk/LayoutTests/css3/flexbox/multiline-reverse-wrap-overflow.html (0 => 110634)
--- trunk/LayoutTests/css3/flexbox/multiline-reverse-wrap-overflow.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/multiline-reverse-wrap-overflow.html 2012-03-13 23:18:42 UTC (rev 110634)
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html>
+<style>
+.flexbox {
+ display: -webkit-flexbox;
+ background-color: #aaa;
+ position: relative;
+ -webkit-flex-wrap: wrap-reverse;
+ margin-top: 20px;
+}
+.flexbox > div {
+ border: 0;
+}
+
+.flexbox :nth-child(1) {
+ background-color: lightblue;
+}
+.flexbox :nth-child(2) {
+ background-color: lightgreen;
+}
+.flexbox :nth-child(3) {
+ background-color: pink;
+}
+.flexbox :nth-child(4) {
+ background-color: yellow;
+}
+</style>
+<script>
+if (window.layoutTestController)
+ layoutTestController.dumpAsText();
+</script>
+<script src=""
+<body _onload_="checkFlexBoxen()">
+<p>Test to make sure that wrap-reverse starts at the cross start edge if
+sizing is not auto.</p>
+
+<div data-expected-width="200" data-expected-height="35" class="flexbox" style="width: 200px; height: 35px;">
+ <div data-offset-x="0" data-offset-y="15" style="width: -webkit-flex(1 100px); height: 20px"></div>
+ <div data-offset-x="100" data-offset-y="25" style="width: -webkit-flex(1 100px); height: 10px"></div>
+ <div data-offset-x="0" data-offset-y="5" style="width: -webkit-flex(1 100px); height: 10px"></div>
+ <div data-offset-x="100" data-offset-y="-5" style="width: -webkit-flex(1 100px); height: 20px"></div>
+</div>
+
+<div data-expected-width="200" data-expected-height="35" class="flexbox" style="width: 200px; max-height: 35px;">
+ <div data-offset-x="0" data-offset-y="15" style="width: -webkit-flex(1 100px); height: 20px"></div>
+ <div data-offset-x="100" data-offset-y="25" style="width: -webkit-flex(1 100px); height: 10px"></div>
+ <div data-offset-x="0" data-offset-y="5" style="width: -webkit-flex(1 100px); height: 10px"></div>
+ <div data-offset-x="100" data-offset-y="-5" style="width: -webkit-flex(1 100px); height: 20px"></div>
+</div>
+
+<div data-expected-width="200" data-expected-height="50" class="flexbox" style="width: 200px; min-height: 50px;">
+ <div data-offset-x="0" data-offset-y="30" style="width: -webkit-flex(1 100px); height: 20px"></div>
+ <div data-offset-x="100" data-offset-y="40" style="width: -webkit-flex(1 100px); height: 10px"></div>
+ <div data-offset-x="0" data-offset-y="20" style="width: -webkit-flex(1 100px); height: 10px"></div>
+ <div data-offset-x="100" data-offset-y="10" style="width: -webkit-flex(1 100px); height: 20px"></div>
+</div>
+
+
+<div data-expected-width="35" data-expected-height="200" class="flexbox" style="-webkit-flex-direction: column; height: 200px; width: 35px">
+ <div data-offset-x="15" data-offset-y="0" style="height: -webkit-flex(1 100px); width: 20px"></div>
+ <div data-offset-x="25" data-offset-y="100" style="height: -webkit-flex(1 100px); width: 10px"></div>
+ <div data-offset-x="5" data-offset-y="0" style="height: -webkit-flex(1 100px); width: 10px"></div>
+ <div data-offset-x="-5" data-offset-y="100" style="height: -webkit-flex(1 100px); width: 20px"></div>
+</div>
+
+<div data-expected-width="35" data-expected-height="200" class="flexbox" style="-webkit-flex-direction: column; height: 200px; max-width: 35px">
+ <div data-offset-x="15" data-offset-y="0" style="height: -webkit-flex(1 100px); width: 20px"></div>
+ <div data-offset-x="25" data-offset-y="100" style="height: -webkit-flex(1 100px); width: 10px"></div>
+ <div data-offset-x="5" data-offset-y="0" style="height: -webkit-flex(1 100px); width: 10px"></div>
+ <div data-offset-x="-5" data-offset-y="100" style="height: -webkit-flex(1 100px); width: 20px"></div>
+</div>
+
+<div data-expected-width="600" data-expected-height="200" class="flexbox" style="-webkit-flex-direction: column; height: 200px; min-width: 50px; max-width: 600px">
+ <div data-offset-x="580" data-offset-y="0" style="height: -webkit-flex(1 100px); width: 20px"></div>
+ <div data-offset-x="590" data-offset-y="100" style="height: -webkit-flex(1 100px); width: 10px"></div>
+ <div data-offset-x="570" data-offset-y="0" style="height: -webkit-flex(1 100px); width: 10px"></div>
+ <div data-offset-x="560" data-offset-y="100" style="height: -webkit-flex(1 100px); width: 20px"></div>
+</div>
+
+</body>
+</html>
_______________________________________________
webkit-changes mailing list
[email protected]
http://lists.webkit.org/mailman/listinfo.cgi/webkit-changes
