Bug 1117227 part 6 - Reftest for text-overflow on vertical text. r=jfkthame
authorXidorn Quan <quanxunzhen@gmail.com>
Fri, 24 Apr 2015 10:15:32 +1200
changeset 240827 58f1b4f600d4a8754dd6c3cb11f7cc172f1ba5ff
parent 240826 18d118c05f8a38e15f3b7757a63e6ef501b738ad
child 240828 529db1452e1e973d7081c57a93a59ef42ee5fe77
push id58940
push userxquan@mozilla.com
push dateThu, 23 Apr 2015 22:19:58 +0000
treeherdermozilla-inbound@58f1b4f600d4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjfkthame
bugs1117227
milestone40.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 1117227 part 6 - Reftest for text-overflow on vertical text. r=jfkthame
layout/reftests/writing-mode/1117227-1-text-overflow-ref.html
layout/reftests/writing-mode/1117227-1-text-overflow.html
layout/reftests/writing-mode/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1117227-1-text-overflow-ref.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1117227 - text-overflow on vertical text</title>
+  <style>
+    @font-face {
+      font-family: DejaVuSansMono;
+      src: url(../fonts/DejaVuSansMono.woff);
+    }
+    body {
+      font: 16px DejaVuSansMono;
+      text-orientation: sideways-right;
+      white-space: nowrap;
+    }
+    .c {
+      block-size: 3em; inline-size: 4em;
+      overflow: hidden;
+    }
+    .vlr { writing-mode: vertical-lr; }
+    .vrl { writing-mode: vertical-rl; }
+    .t { margin-inline-start: -1em; }
+    m { display: inline-block; }
+
+    #tests { position: relative; }
+    #tests > div { position: absolute; }
+    .r1 { top: 0em; }
+    .r2 { top: 4.5em; }
+    .c1 { left: 0em; }
+    .c2 { left: 4em; }
+    .c3 { left: 8em; }
+    .c4 { left: 12em; }
+    .c5 { left: 16em; }
+    .c6 { left: 20em; }
+  </style>
+</head>
+<body>
+  <p style="font-family: sans-serif">Test for text-overflow in vertical mode:</p>
+
+  <div id="tests">
+    <div class="r1 c1"><div class="c vrl"><span class="t">&nbsp;123456<m>&hellip;</m></span></div></div>
+    <div class="r1 c2"><div class="c vlr"><span class="t">&nbsp;123456<m>&hellip;</m></span></div></div>
+    <div class="r1 c3"><div class="c vrl"><span class="t">&nbsp;&nbsp;<m>&hellip;</m>3456<m>&hellip;</m></span></div></div>
+    <div class="r1 c4"><div class="c vlr"><span class="t">&nbsp;&nbsp;<m>&hellip;</m>3456<m>&hellip;</m></span></div></div>
+    <div class="r1 c5"><div class="c vrl"><span class="t">&nbsp;&nbsp;<m>&hellip;</m>345678&nbsp;</span></div></div>
+    <div class="r1 c6"><div class="c vlr"><span class="t">&nbsp;&nbsp;<m>&hellip;</m>345678&nbsp;</span></div></div>
+
+    <div class="r2 c1"><div class="c vrl"><span class="t">&nbsp;123456<m>$</m></span></div></div>
+    <div class="r2 c2"><div class="c vlr"><span class="t">&nbsp;123456<m>$</m></span></div></div>
+    <div class="r2 c3"><div class="c vrl"><span class="t">&nbsp;&nbsp;<m>^</m>3456<m>$</m></span></div></div>
+    <div class="r2 c4"><div class="c vlr"><span class="t">&nbsp;&nbsp;<m>^</m>3456<m>$</m></span></div></div>
+    <div class="r2 c5"><div class="c vrl"><span class="t">&nbsp;&nbsp;<m>^</m>3456<m>&hellip;</m></span></div></div>
+    <div class="r2 c6"><div class="c vlr"><span class="t">&nbsp;&nbsp;<m>^</m>3456<m>&hellip;</m></span></div></div>
+  </div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1117227-1-text-overflow.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1117227 - text-overflow on vertical text</title>
+  <style>
+    @font-face {
+      font-family: DejaVuSansMono;
+      src: url(../fonts/DejaVuSansMono.woff);
+    }
+    body {
+      font: 16px DejaVuSansMono;
+      text-orientation: sideways-right;
+    }
+    .c {
+      block-size: 3em; inline-size: 4em;
+      overflow: hidden;
+    }
+    .e { text-overflow: ellipsis; }
+    .ee { text-overflow: ellipsis ellipsis; }
+    .ec { text-overflow: ellipsis clip; }
+    .s { text-overflow: '$'; }
+    .ss { text-overflow: '^' '$'; }
+    .se { text-overflow: '^' ellipsis; }
+    .vlr { writing-mode: vertical-lr; }
+    .vrl { writing-mode: vertical-rl; }
+    .t { margin-inline-start: -1em; }
+
+    #tests { position: relative; }
+    #tests > div { position: absolute; }
+    .r1 { top: 0em; }
+    .r2 { top: 4.5em; }
+    .c1 { left: 0em; }
+    .c2 { left: 4em; }
+    .c3 { left: 8em; }
+    .c4 { left: 12em; }
+    .c5 { left: 16em; }
+    .c6 { left: 20em; }
+  </style>
+</head>
+<body>
+  <p style="font-family: sans-serif">Test for text-overflow in vertical mode:</p>
+
+  <div id="tests">
+    <div class="r1 c1"><div class="c e vrl"><span class="t">0123456789</span></div></div>
+    <div class="r1 c2"><div class="c e vlr"><span class="t">0123456789</span></div></div>
+    <div class="r1 c3"><div class="c ee vrl"><span class="t">0123456789</span></div></div>
+    <div class="r1 c4"><div class="c ee vlr"><span class="t">0123456789</span></div></div>
+    <div class="r1 c5"><div class="c ec vrl"><span class="t">0123456789</span></div></div>
+    <div class="r1 c6"><div class="c ec vlr"><span class="t">0123456789</span></div></div>
+
+    <div class="r2 c1"><div class="c s vrl"><span class="t">0123456789</span></div></div>
+    <div class="r2 c2"><div class="c s vlr"><span class="t">0123456789</span></div></div>
+    <div class="r2 c3"><div class="c ss vrl"><span class="t">0123456789</span></div></div>
+    <div class="r2 c4"><div class="c ss vlr"><span class="t">0123456789</span></div></div>
+    <div class="r2 c5"><div class="c se vrl"><span class="t">0123456789</span></div></div>
+    <div class="r2 c6"><div class="c se vlr"><span class="t">0123456789</span></div></div>
+  </div>
+</body>
+</html>
--- a/layout/reftests/writing-mode/reftest.list
+++ b/layout/reftests/writing-mode/reftest.list
@@ -31,16 +31,17 @@ fails == 1102175-1a.html 1102175-1-ref.h
 == 1103613-1.html 1103613-1-ref.html
 == 1105268-1-min-max-dimensions.html 1105268-1-min-max-dimensions-ref.html
 == 1105268-2-min-max-dimensions.html 1105268-2-min-max-dimensions-ref.html
 == 1106669-1-intrinsic-for-container.html 1106669-1-intrinsic-for-container-ref.html
 == 1108923-1-percentage-margins.html 1108923-1-percentage-margins-ref.html
 == 1111944-1-list-marker.html 1111944-1-list-marker-ref.html
 fuzzy(116,64) HTTP(..) == 1115916-1-vertical-metrics.html 1115916-1-vertical-metrics-ref.html
 == 1117210-1-vertical-baseline-snap.html 1117210-1-vertical-baseline-snap-ref.html
+== 1117227-1-text-overflow.html 1117227-1-text-overflow-ref.html
 == 1122366-1-margin-collapse.html 1122366-1-margin-collapse-ref.html
 == 1124636-1-fieldset-max-height.html 1124636-1-fieldset-max-height-ref.html
 == 1124636-2-fieldset-min-height.html 1124636-2-fieldset-min-height-ref.html
 
 == ua-style-sheet-margin-1.html ua-style-sheet-margin-1-ref.html
 == ua-style-sheet-margin-2.html ua-style-sheet-margin-2-ref.html
 == ua-style-sheet-margin-3.html ua-style-sheet-margin-3-ref.html
 == ua-style-sheet-margin-4.html ua-style-sheet-margin-4-ref.html