Index: third_party/WebKit/LayoutTests/fast/block/positioning/differing-writing-modes-expected.html |
diff --git a/third_party/WebKit/LayoutTests/fast/block/positioning/differing-writing-modes-expected.html b/third_party/WebKit/LayoutTests/fast/block/positioning/differing-writing-modes-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..3291a0d89e06ee9e2dbb603e5cb74070b0624b00 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/block/positioning/differing-writing-modes-expected.html |
@@ -0,0 +1,130 @@ |
+<html> |
+<head> |
+<title>Differing writing modes test for 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"> |
+ <div class="child htb tl"></div> |
+ <div class="child htb tr"></div> |
+ <div class="child htb bl"></div> |
+ <div class="child htb br"></div> |
+</div> |
+ |
+<br> |
+ |
+The test boxes: |
+ |
+<br> |
+<div class="container htb"> |
+ <div class="child htb tl"></div> |
+ <div class="child htb tr"></div> |
+ <div class="child htb bl"></div> |
+ <div class="child htb br"></div> |
+</div> |
+ |
+<div class="container htb"> |
+ <div class="child htb tl"></div> |
+ <div class="child htb tr"></div> |
+ <div class="child htb bl"></div> |
+ <div class="child htb br"></div> |
+</div> |
+ |
+<div class="container htb"> |
+ <div class="child htb tl"></div> |
+ <div class="child htb tr"></div> |
+ <div class="child htb bl"></div> |
+ <div class="child htb br"></div> |
+</div> |
+ |
+<br> |
+ |
+<div class="container htb"> |
+ <div class="child htb tl"></div> |
+ <div class="child htb tr"></div> |
+ <div class="child htb bl"></div> |
+ <div class="child htb br"></div> |
+</div> |
+ |
+<div class="container htb"> |
+ <div class="child htb tl"></div> |
+ <div class="child htb tr"></div> |
+ <div class="child htb bl"></div> |
+ <div class="child htb br"></div> |
+</div> |
+ |
+<div class="container htb"> |
+ <div class="child htb tl"></div> |
+ <div class="child htb tr"></div> |
+ <div class="child htb bl"></div> |
+ <div class="child htb br"></div> |
+</div> |
+ |
+<br> |
+ |
+<div class="container htb"> |
+ <div class="child htb tl"></div> |
+ <div class="child htb tr"></div> |
+ <div class="child htb bl"></div> |
+ <div class="child htb br"></div> |
+</div> |
+ |
+<div class="container htb"> |
+ <div class="child htb tl"></div> |
+ <div class="child htb tr"></div> |
+ <div class="child htb bl"></div> |
+ <div class="child htb br"></div> |
+</div> |
+ |
+<div class="container htb"> |
+ <div class="child htb tl"></div> |
+ <div class="child htb tr"></div> |
+ <div class="child htb bl"></div> |
+ <div class="child htb br"></div> |
+</div> |
+ |
+<br> |
+ |
+<div class="container htb"> |
+ <div class="child htb tl"></div> |
+ <div class="child htb tr"></div> |
+ <div class="child htb bl"></div> |
+ <div class="child htb br"></div> |
+</div> |
+ |
+<div class="container htb"> |
+ <div class="child htb tl"></div> |
+ <div class="child htb tr"></div> |
+ <div class="child htb bl"></div> |
+ <div class="child htb br"></div> |
+</div> |
+ |
+<div class="container htb"> |
+ <div class="child htb tl"></div> |
+ <div class="child htb tr"></div> |
+ <div class="child htb bl"></div> |
+ <div class="child htb br"></div> |
+</div> |
+ |
+</body> |
+</html> |
+ |
+ |