Bug 1083848 - Reftests for borders and backgrounds when inline element is split across lines in vertical writing-mode. r=dbaron
authorJonathan Kew <jkew@mozilla.com>
Mon, 24 Nov 2014 23:16:06 +0000
changeset 241591 bc1ef81301e438208e5b5d5b1b3b75932d893462
parent 241590 fe8caca1d5c12c913614c378088597ac6fc32638
child 241592 da0a362dfe5d622bcb5ba5e8f5efdf0e480fa610
push id4311
push userraliiev@mozilla.com
push dateMon, 12 Jan 2015 19:37:41 +0000
treeherdermozilla-beta@150c9fed433b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdbaron
bugs1083848
milestone36.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1083848 - Reftests for borders and backgrounds when inline element is split across lines in vertical writing-mode. r=dbaron
layout/reftests/writing-mode/1083848-1-inline-border-ref.html
layout/reftests/writing-mode/1083848-1-inline-border.html
layout/reftests/writing-mode/1083848-2-inline-background-ref.html
layout/reftests/writing-mode/1083848-2-inline-background.html
layout/reftests/writing-mode/1083848-3-inline-background-repeat-ref.html
layout/reftests/writing-mode/1083848-3-inline-background-repeat.html
layout/reftests/writing-mode/4colors.png
layout/reftests/writing-mode/blue-32x32.png
layout/reftests/writing-mode/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1083848-1-inline-border-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<style>
+.test {
+  margin:10px;
+  border:1px solid blue;
+  font-family: monospace;
+  font-size: 16px;
+  word-break:break-all;
+  text-transform:full-width;
+  width:7.8em;
+  height:7.8em;
+}
+
+.h { writing-mode:horizontal-tb; }
+.v-lr { writing-mode:vertical-lr; }
+.v-rl { writing-mode:vertical-rl; }
+
+b {
+  background-color: yellow;
+}
+
+.bh1 {
+  border-left: 3px solid cyan;
+}
+.bh2 {
+  border-right: 3px solid magenta;
+}
+
+.bv1 {
+  border-top: 3px solid cyan;
+}
+.bv2 {
+  border-bottom: 3px solid magenta;
+}
+</style>
+</head>
+
+<body>
+
+<div class="test h">ABCDE<b class="bh1">F</b><b>GHIJKLMNOPQRS</b><b class="bh2">T</b>UVWXYZ</div>
+
+<div class="test v-lr">ABCDE<b class="bv1">F</b><b>GHIJKLMNOPQRS</b><b class="bv2">T</b>UVWXYZ</div>
+
+<div class="test v-rl">ABCDE<b class="bv1">F</b><b>GHIJKLMNOPQRS</b><b class="bv2">T</b>UVWXYZ</div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1083848-1-inline-border.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<style>
+.test {
+  margin:10px;
+  border:1px solid blue;
+  font-family: monospace;
+  font-size: 16px;
+  word-break:break-all;
+  text-transform:full-width;
+  width:7.8em;
+  height:7.8em;
+}
+
+.h { writing-mode:horizontal-tb; }
+.v-lr { writing-mode:vertical-lr; }
+.v-rl { writing-mode:vertical-rl; }
+
+b {
+  background-color: yellow;
+}
+
+.bh {
+  border-left: 3px solid cyan;
+  border-right: 3px solid magenta;
+}
+
+.bv {
+  border-top: 3px solid cyan;
+  border-bottom: 3px solid magenta;
+}
+</style>
+</head>
+
+<body>
+
+<div class="test h">ABCDE<b class="bh">FGHIJKLMNOPQRST</b>UVWXYZ</div>
+
+<div class="test v-lr">ABCDE<b class="bv">FGHIJKLMNOPQRST</b>UVWXYZ</div>
+
+<div class="test v-rl">ABCDE<b class="bv">FGHIJKLMNOPQRST</b>UVWXYZ</div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1083848-2-inline-background-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<style>
+.test {
+  margin:10px;
+  border:1px solid blue;
+  font-family: monospace;
+  font-size: 16px;
+  word-break:break-all;
+  text-transform:full-width;
+  width:7.8em;
+  height:7.8em;
+}
+
+.h { writing-mode:horizontal-tb; }
+.v-lr { writing-mode:vertical-lr; }
+.v-rl { writing-mode:vertical-rl; }
+
+.bgtest {
+  background: url(blue-32x32.png) no-repeat;
+}
+</style>
+</head>
+
+<body>
+
+<div class="test h">ABCDE<b class="bgtest">FG</b><b>HIJKLMNOPQRST</b>UVWXYZ</div>
+
+<div class="test v-lr">ABCDE<b class="bgtest">FG</b><b>HIJKLMNOPQRST</b>UVWXYZ</div>
+
+<div class="test v-rl">ABCDE<b class="bgtest">FG</b><b>HIJKLMNOPQRST</b>UVWXYZ</div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1083848-2-inline-background.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<style>
+.test {
+  margin:10px;
+  border:1px solid blue;
+  font-family: monospace;
+  font-size: 16px;
+  word-break:break-all;
+  text-transform:full-width;
+  width:7.8em;
+  height:7.8em;
+}
+
+.h { writing-mode:horizontal-tb; }
+.v-lr { writing-mode:vertical-lr; }
+.v-rl { writing-mode:vertical-rl; }
+
+.bgtest {
+  background: url(blue-32x32.png) no-repeat;
+}
+</style>
+</head>
+
+<body>
+
+<div class="test h">ABCDE<b class="bgtest">FGHIJKLMNOPQRST</b>UVWXYZ</div>
+
+<div class="test v-lr">ABCDE<b class="bgtest">FGHIJKLMNOPQRST</b>UVWXYZ</div>
+
+<div class="test v-rl">ABCDE<b class="bgtest">FGHIJKLMNOPQRST</b>UVWXYZ</div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1083848-3-inline-background-repeat-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.test {
+  margin: 10px;
+  border: 1px solid gray;
+  font: 16px/24px monospace;
+  word-break: break-all;
+  width: 10em;
+  height: 6em;
+  /* we use text-orientation:upright to improve the chances that our
+     glyphs will have an advance of exactly 1em, as the reference
+     rendering relies on this */
+  text-orientation: upright;
+}
+
+.v-lr { writing-mode:vertical-lr; }
+.v-rl { writing-mode:vertical-rl; }
+
+.c { background: cyan; }
+.b { background: blue; }
+</style>
+</head>
+
+<body>
+
+<div class="test v-lr">ABCD<span class="c">E</span><span class="b">F</span><span
+ class="c">G</span><span class="b">H</span><span class="c">I</span><span
+ class="b">J</span><span class="c">K</span><span class="b">L</span><span
+ class="c">M</span><span class="b">N</span><span class="c">O</span><span
+ class="b">P</span><span class="c">Q</span><span class="b">R</span><span
+ class="c">S</span><span class="b">T</span><span class="c">U</span>VWXYZ</div>
+
+<div class="test v-rl">ABCD<span class="c">E</span><span class="b">F</span><span
+ class="c">G</span><span class="b">H</span><span class="c">I</span><span
+ class="b">J</span><span class="c">K</span><span class="b">L</span><span
+ class="c">M</span><span class="b">N</span><span class="c">O</span><span
+ class="b">P</span><span class="c">Q</span><span class="b">R</span><span
+ class="c">S</span><span class="b">T</span><span class="c">U</span>VWXYZ</div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1083848-3-inline-background-repeat.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.test {
+  margin: 10px;
+  border: 1px solid gray;
+  font: 16px/24px monospace;
+  word-break: break-all;
+  width: 10em;
+  height: 6em;
+  /* we use text-orientation:upright to improve the chances that our
+     glyphs will have an advance of exactly 1em, as the reference
+     rendering relies on this */
+  text-orientation: upright;
+}
+
+.v-lr { writing-mode:vertical-lr; }
+.v-rl { writing-mode:vertical-rl; }
+
+.bgtest {
+  background: url(4colors.png); /* A square divided into a 2x2 grid of 4 colors; */
+                                /* only the two left squares (blue & cyan) should show */
+  background-size: 32px;
+}
+</style>
+</head>
+
+<body>
+
+<div class="test v-lr">ABCD<span class="bgtest">EFGHIJKLMNOPQRSTU</span>VWXYZ</div>
+
+<div class="test v-rl">ABCD<span class="bgtest">EFGHIJKLMNOPQRSTU</span>VWXYZ</div>
+
+</body>
+</html>
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..250273aae39fab1cafce1bf7c19f1aef8a82515a
GIT binary patch
literal 3873
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
TX9W%ad35T^+DcUlR-yj@)&dwG
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..deefd19b2ac53bef91c82ed2f6f4ea5f53a9e34f
GIT binary patch
literal 110
zc%17D@N?(olHy`uVBq!ia0vp^3LwnE1SJ1Ryj={W7>k44ofy`glX(f`Xn49fhIkx*
zd)ASWfq{i(!{YjMuMfAm)=WCN{G4&4gMt7D3sa**K`P_IV~qB%vRdu|^)Pt4`njxg
HN@xNA-ozi}
--- a/layout/reftests/writing-mode/reftest.list
+++ b/layout/reftests/writing-mode/reftest.list
@@ -1,13 +1,16 @@
 # This directory contains tests for vertical text and logical layout coordinates
 # It should not be included in layout/reftests/reftest.list until vertical layout
 # is turned on
 == 1082844.html 1082844-ref.html
 == 1083748.html 1083748-ref.html
+== 1083848-1-inline-border.html 1083848-1-inline-border-ref.html
+== 1083848-2-inline-background.html 1083848-2-inline-background-ref.html
+== 1083848-3-inline-background-repeat.html 1083848-3-inline-background-repeat-ref.html
 == 1083892-1.html 1083892-1-ref.html
 == 1086883-1a.html 1086883-1-ref.html
 == 1086883-1b.html 1086883-1-ref.html
 == 1088025-1.html 1088025-1-ref.html
 == 1089388-1.html 1089388-1-ref.html
 == 1089388-2.html 1089388-2-ref.html
 == 1090159-1.html 1090159-1-ref.html
 == 1090168-1.html 1090168-1-ref.html