| Index: third_party/WebKit/LayoutTests/fast/block/positioning/differing-writing-modes-replaced-expected.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/block/positioning/differing-writing-modes-replaced-expected.html b/third_party/WebKit/LayoutTests/fast/block/positioning/differing-writing-modes-replaced-expected.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..e376e96a5db519ea2cebb5bc6f13d24cdacf8bbd
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/fast/block/positioning/differing-writing-modes-replaced-expected.html
|
| @@ -0,0 +1,128 @@
|
| +<html>
|
| +<head>
|
| +<title>Differing writing modes test for replaced positioned elements and their containing blocks</title>
|
| +<style>
|
| +.htb { -webkit-writing-mode: horizontal-tb }
|
| +.vlr { -webkit-writing-mode: vertical-lr }
|
| +.vrl { -webkit-writing-mode: vertical-rl }
|
| +
|
| +.tl { top: 0; left: 0 }
|
| +.tr { top: 0; right: 0 }
|
| +.bl { bottom: 0; left: 0 }
|
| +.br { bottom: 0; right: 0 }
|
| +
|
| +.container { margin:5px; display: inline-block; position: relative; width:50px; height:50px; border-top:1px solid black; border-right:2px solid black; border-bottom:3px solid black; border-left:4px solid black; padding:1px 2px 3px 4px }
|
| +.child { position:absolute; width:20px; height:20px; background-color:green }
|
| +
|
| +.failure { width:20px; height:20px; background-color:red }
|
| +
|
| +</style>
|
| +</head>
|
| +<body>
|
| +All of the boxes below should look identical to this one:
|
| +<br>
|
| +<div class="container htb">
|
| + <img class="child htb tl">
|
| + <img class="child htb tr">
|
| + <img class="child htb bl">
|
| + <img class="child htb br">
|
| +</div>
|
| +<br>
|
| +
|
| +The test boxes:
|
| +
|
| +<br>
|
| +<div class="container htb">
|
| + <img class="child htb tl">
|
| + <img class="child htb tr">
|
| + <img class="child htb bl">
|
| + <img class="child htb br">
|
| +</div>
|
| +
|
| +<div class="container htb">
|
| + <img class="child htb tl">
|
| + <img class="child htb tr">
|
| + <img class="child htb bl">
|
| + <img class="child htb br">
|
| +</div>
|
| +
|
| +<div class="container htb">
|
| + <img class="child htb tl">
|
| + <img class="child htb tr">
|
| + <img class="child htb bl">
|
| + <img class="child htb br">
|
| +</div>
|
| +
|
| +<br>
|
| +
|
| +<div class="container htb">
|
| + <img class="child htb tl">
|
| + <img class="child htb tr">
|
| + <img class="child htb bl">
|
| + <img class="child htb br">
|
| +</div>
|
| +
|
| +<div class="container htb">
|
| + <img class="child htb tl">
|
| + <img class="child htb tr">
|
| + <img class="child htb bl">
|
| + <img class="child htb br">
|
| +</div>
|
| +
|
| +<div class="container htb">
|
| + <img class="child htb tl">
|
| + <img class="child htb tr">
|
| + <img class="child htb bl">
|
| + <img class="child htb br">
|
| +</div>
|
| +
|
| +<br>
|
| +
|
| +<div class="container htb">
|
| + <img class="child htb tl">
|
| + <img class="child htb tr">
|
| + <img class="child htb bl">
|
| + <img class="child htb br">
|
| +</div>
|
| +
|
| +<div class="container htb">
|
| + <img class="child htb tl">
|
| + <img class="child htb tr">
|
| + <img class="child htb bl">
|
| + <img class="child htb br">
|
| +</div>
|
| +
|
| +<div class="container htb">
|
| + <img class="child htb tl">
|
| + <img class="child htb tr">
|
| + <img class="child htb bl">
|
| + <img class="child htb br">
|
| +</div>
|
| +
|
| +<br>
|
| +
|
| +<div class="container htb">
|
| + <img class="child htb tl">
|
| + <img class="child htb tr">
|
| + <img class="child htb bl">
|
| + <img class="child htb br">
|
| +</div>
|
| +
|
| +<div class="container htb">
|
| + <img class="child htb tl">
|
| + <img class="child htb tr">
|
| + <img class="child htb bl">
|
| + <img class="child htb br">
|
| +</div>
|
| +
|
| +<div class="container htb">
|
| + <img class="child htb tl">
|
| + <img class="child htb tr">
|
| + <img class="child htb bl">
|
| + <img class="child htb br">
|
| +</div>
|
| +
|
| +</body>
|
| +</html>
|
| +
|
| +
|
|
|