Bug 1502302 [wpt PR 13732] - [LayoutNG] Rebaseline fast/writing-mode/border-image-vertical-lr.html, a=testonly

Automatic update from web-platform-tests[LayoutNG] Rebaseline fast/writing-mode/border-image-vertical-lr.html

fast/writing-mode/border-image-vertical-lr.html produces
different results because, in legacy, block direction borders
applied to inline boxes affect positioning of the line box in
vertical-lr writing-mode, when they should not.

This patch rebaselines it, and also adds a minimized test to
check such borders do not affect line box positioning.

Gecko, and WebKit fail the test. Edge passes this test,
though it paints the border at the incorrect position.
Testing the border positoin is not ref-testable and that it
is not included.

Bug: 636993
Change-Id: I2568d19dac7f7ea886a46d45620bc22feb172c53
Reviewed-on: https://chromium-review.googlesource.com/c/1301698
Reviewed-by: Emil A Eklund <eae@chromium.org>
Commit-Queue: Emil A Eklund <eae@chromium.org>
Cr-Commit-Position: refs/heads/master@{#603051}

--

wpt-commits: f6708be2927871d1f19543f6e7e5531721433bfd
wpt-pr: 13732
This commit is contained in:
Koji Ishii 2018-11-09 15:47:27 +00:00 коммит произвёл moz-wptsync-bot
Родитель 27d0fc1f67
Коммит bc57235105
2 изменённых файлов: 50 добавлений и 0 удалений

Просмотреть файл

@ -0,0 +1,27 @@
<!DOCTYPE html>
<link rel="author" href="kojii@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow" title="3.1 Block Flow Direction: the writing-mode property">
<link rel="match" href="reference/inline-box-border-vlr-001.html">
<meta content="This test checks that block direciton borders applied to inline boxes do not affect the height of the line box, in vertical-lr writing-mode. The border is set to transparent to make this a ref-test.">
<style>
html {
margin: 0;
font-size: 20px;
}
body {
margin: 1em;
border: 1px solid blue;
}
body > div {
margin-bottom: 2em;
border: 1px solid black;
}
</style>
<body>
<div style="writing-mode: vertical-lr; height: 1em">
<div><span>a</span></div>
</div>
<div style="writing-mode: vertical-lr; height: 1em">
<div><span style="border-left: 20px solid transparent">a</span></div>
</div>
</body>

Просмотреть файл

@ -0,0 +1,23 @@
<!DOCTYPE html>
<style>
html {
margin: 0;
font-size: 20px;
}
body {
margin: 1em;
border: 1px solid blue;
}
body > div {
margin-bottom: 2em;
border: 1px solid black;
}
</style>
<body>
<div style="writing-mode: vertical-lr; height: 1em">
<div><span>a</span></div>
</div>
<div style="writing-mode: vertical-lr; height: 1em">
<div><span>a</span></div>
</div>
</body>