Update css3/flexbox/csswg/flexbox_direction-row-reverse.html after r177774

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

diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
index c1b024981693770037e5ae85fc30139f186f4b91..e5a08bb5517bace7f4cc5fdb0968da4c7dcb7c04 100644 (file)
--- a/LayoutTests/ChangeLog
+++ b/LayoutTests/ChangeLog
@@ -1,3 +1,13 @@
+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.

diff --git a/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse-expected.html b/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse-expected.html
index 00b6482703c07af4ec6b99d1d9b6e8ed4a3ef0cc..1309ae53689f848aba828c15a2400bf95404ba82 100644 (file)
--- a/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse-expected.html
+++ b/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse-expected.html
@@ -2,25 +2,17 @@
 <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>

diff --git a/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse.html b/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse.html
index 8cc1ab1dec8e8e0b129eb3e49c5d68f6a6fe5817..fd90c0a1cdcca5278382bd0d6e8e48513b70e3cc 100644 (file)
--- a/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse.html
+++ b/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse.html
@@ -5,28 +5,25 @@
        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>

diff --git a/LayoutTests/platform/mac/TestExpectations b/LayoutTests/platform/mac/TestExpectations
index a1217a269f672d93997edd4d36273604542b0488..de2cd66f3fd249685541ed6b69143ba0f41f4f12 100644 (file)
--- a/LayoutTests/platform/mac/TestExpectations
+++ b/LayoutTests/platform/mac/TestExpectations
@@ -1211,7 +1211,6 @@ fast/canvas/canvas-fillRect-gradient-shadow.html [ Pass Failure ]
 
 # 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 ]