diff options
| author | WPT Sync Bot <josh+wptsync@joshmatthews.net> | 2020-11-20 08:21:46 +0000 |
|---|---|---|
| committer | WPT Sync Bot <josh+wptsync@joshmatthews.net> | 2020-11-20 10:30:24 +0000 |
| commit | fbd8987f23cbb1f4b99d290b23be16cb80189767 (patch) | |
| tree | e5fb82efff599faa1375658c1600ebd8c27ef607 /tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row-reverse-wrap-reverse.html | |
| parent | 30347a49347acf6259e2b9e4ab644d52a5f92b6f (diff) | |
| download | servo-fbd8987f23cbb1f4b99d290b23be16cb80189767.tar.gz servo-fbd8987f23cbb1f4b99d290b23be16cb80189767.zip | |
Update web-platform-tests to revision dd4a8e0b6a3b81d5008478c8d73ba5aa296441b2
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> |