diff options
Diffstat (limited to 'tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row-reverse-wrap-reverse.html')
| -rw-r--r-- | tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row-reverse-wrap-reverse.html | 31 |
1 files changed, 9 insertions, 22 deletions
diff --git a/tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row-reverse-wrap-reverse.html b/tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row-reverse-wrap-reverse.html index 3d0d6a5fa21..4aa864b8ffa 100644 --- a/tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row-reverse-wrap-reverse.html +++ b/tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row-reverse-wrap-reverse.html @@ -18,39 +18,26 @@ display: flex; flex-flow: row-reverse wrap-reverse; writing-mode: vertical-rl; - color: white; - - height: 9em; + border: 2px solid black; + height: 90px; } .item { - background: green; - height: 3em; - width: 1.5em; - line-height: 1.5em; + width: 15px; + height: 45px; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; } - .error { - position: absolute; - background: red; - height: 9em; - width: 3em; - z-index: -1; - } </style> </head> <body> - <p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p> +<p>Pass condition: 4 rectangles, with colors in clockwise order starting from top-left: grey, orange, blue, yellow. - <div class="error"></div> <div class="container"> - <div class="item">ｇｈｉ</div> - <div class="item">ｄｅｆ</div> - <div class="item">ａｂｃ</div> - <div class="item">７８９</div> - <div class="item">４５６</div> - <div class="item">１２３</div> + <div class="item" style="background: yellow"></div> + <div class="item" style="background: grey"></div> + <div class="item" style="background: blue"></div> + <div class="item" style="background: orange"></div> </div> </body> </html> |