Unreviewed.
Patch by Myles C. Maxfield <mmaxfield@apple.com> on 2015-02-25
* css3/flexbox/csswg/flexbox_direction-row-reverse-expected.html:
* css3/flexbox/csswg/flexbox_direction-row-reverse.html:
* platform/mac/TestExpectations:
git-svn-id: https://svn.webkit.org/repository/webkit/trunk@180652
268f45cc-cd09-0410-ab3c-
d52691b4dbfc
+2015-02-25 Myles C. Maxfield <mmaxfield@apple.com>
+
+ Update css3/flexbox/csswg/flexbox_direction-row-reverse.html after r177774
+
+ Unreviewed.
+
+ * css3/flexbox/csswg/flexbox_direction-row-reverse-expected.html:
+ * css3/flexbox/csswg/flexbox_direction-row-reverse.html:
+ * platform/mac/TestExpectations:
+
2015-02-25 Brent Fulgham <bfulgham@apple.com>
[Win] Skip timing-out test after r180646.
<title>flexbox | flex-direction: row-reverse</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<style>
-* {font-family: monospace;}
-body {
- width: 10em;
-}
-ul {
- background: blue;
- padding: 0;
- margin: 0;
+#container {
+ width: 13em;
+ font: 40px "Ahem";
+ background: black;
list-style: none;
-}
-li {
- color: white;
- margin: 0 3px 0 0;
- display: inline-block;
+ text-align: right;
}
</style>
-
+This test makes sure that the flex-direction: row-reverse CSS property correctly orders items.
+<div id="container">
<ul>
- <li>EFGH</li>
- <li>ABCD</li>
- <li>IJKL</li>
+<span style="color: red;">E</span><span style="color: purple;">F</span><span style="color: grey;">G</span><span style="color: bisque;">H</span><span style="color: lightblue;">A</span><span style="color: turquoise;">B</span><span style="color: coral;">C</span><span style="color: violet;">D</span><span style="color: green;">I</span><span style="color: blue;">J</span><span style="color: cyan;">K</span><span style="color: magenta;">L</span>
</ul>
+</div>
href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property">
<link rel="match" href="flexbox_direction-row-reverse-ref.html">
<style>
-* {font-family: monospace;}
-body {
- width: 10em;
+#container {
+ font: 40px "Ahem";
+ width: 13em;
}
ul {
- background: blue;
- padding: 0;
- margin: 0;
+ background: black;
list-style: none;
display: flex;
flex-direction: row-reverse;
}
li {
- color: white;
margin: 0;
- width: 10em;
+ width: 4em;
}
</style>
-
-<ul>
- <li>IJKL</li>
- <li>ABCD</li>
- <li>EFGH</li>
-</ul>
+This test makes sure that the flex-direction: row-reverse CSS property correctly orders items.
+<div id="container"><ul>
+ <li><span style="color: green;">I</span><span style="color: blue;">J</span><span style="color: cyan;">K</span><span style="color: magenta;">L</span></li>
+ <li><span style="color: lightblue;">A</span><span style="color: turquoise;">B</span><span style="color: coral;">C</span><span style="color: violet;">D</span></li>
+ <li><span style="color: red;">E</span><span style="color: purple;">F</span><span style="color: grey;">G</span><span style="color: bisque;">H</span></li>
+</ul></div>
# Kerning, Ligatures, and Printer Fonts caused these tests to fail
# The following tests are reftests
-webkit.org/b/139968 css3/flexbox/csswg/flexbox_direction-row-reverse.html [ ImageOnlyFailure ]
webkit.org/b/139968 fast/css-generated-content/after-with-inline-continuation.html [ ImageOnlyFailure ]
webkit.org/b/139968 fast/css-intrinsic-dimensions/width-avoid-floats.html [ ImageOnlyFailure ]
webkit.org/b/139968 fast/css/object-fit/object-fit-canvas.html [ Pass ImageOnlyFailure ]