fune/testing/web-platform/tests/css/css-flexbox/css-flexbox-row-ref.html
David Grogan cb76f13d6f Bug 1678176 [wpt PR 26569] - [css-flex] Fix some tests that fail only on wpt, not run_web_tests.py, a=testonly
Automatic update from web-platform-tests
[css-flex] Fix some tests that fail only on wpt, not run_web_tests.py

These used some full-width characters that wpt doesn't have a font for.
As a result, the sizes of the containing blocks that had been calculated
to align with the text is misaligned on wpt.

I replaced the characters with inline-blocks with fixed width and
height.

I tried using an mplus web font available in wpt but couldn't find a way
to determine the size of the characters that I could use to derive the
size of the blocks.

Using fixed width/height blocks is more robust anyway.

https://wpt.fyi/results/css/css-flexbox?label=experimental&label=master&aligned&q=css-flexbox-row

Change-Id: I3e9484029c9e275c4dcc23dda967d2a166e44da3
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2548681
Reviewed-by: Christian Biesinger <cbiesinger@chromium.org>
Commit-Queue: David Grogan <dgrogan@chromium.org>
Cr-Commit-Position: refs/heads/master@{#829255}

--

wpt-commits: d99c751f943671ac49a200e3d76cf19ca49c603a
wpt-pr: 26569
2020-11-26 14:24:59 +00:00

24 lines
734 B
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS Reftest Reference</title>
<link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org">
<style>
.item {
width: 15px;
height: 45px;
float: left;
}
</style>
</head>
<p>Pass condition: 4 rectangles, with colors in clockwise order starting from top-left: grey, orange, blue, yellow.
<div style="height: 90px; width: 30px; border: 2px solid black;">
<div class="item" style="background: grey"></div>
<div class="item" style="background: orange"></div>
<div class="item" style="background: yellow"></div>
<div class="item" style="background: blue"></div>
</div>