Bug 1157951 patch 3 - Reftests for text-overflow with text decorations in vertical writing mode. r=roc

This commit is contained in:
Jonathan Kew 2015-04-28 12:50:21 +01:00
parent 18e5604839
commit 165e652410
11 changed files with 292 additions and 0 deletions

View File

@ -24,3 +24,13 @@ skip-if(B2G||Mulet) HTTP(..) == single-value.html single-value-ref.html # Initi
skip-if(B2G||Mulet) HTTP(..) == atomic-under-marker.html atomic-under-marker-ref.html # Initial mulet triage: parity with B2G/B2G Desktop
fuzzy(1,702) skip-if(Android||B2G||Mulet) fuzzy-if(asyncPanZoom&&!layersGPUAccelerated,102,12352) HTTP(..) == xulscroll.html xulscroll-ref.html # Initial mulet triage: parity with B2G/B2G Desktop
HTTP(..) == combobox-zoom.html combobox-zoom-ref.html
# The vertical-text pref setting can be removed after bug 1138384 lands
pref(layout.css.vertical-text.enabled,true) == vertical-decorations-1.html vertical-decorations-1-ref.html
pref(layout.css.vertical-text.enabled,true) == vertical-decorations-2.html vertical-decorations-2-ref.html
pref(layout.css.vertical-text.enabled,true) != vertical-decorations-1.html vertical-decorations-1-2-notref.html
pref(layout.css.vertical-text.enabled,true) != vertical-decorations-2.html vertical-decorations-1-2-notref.html
pref(layout.css.vertical-text.enabled,true) == vertical-decorations-3.html vertical-decorations-3-ref.html
pref(layout.css.vertical-text.enabled,true) == vertical-decorations-4.html vertical-decorations-4-ref.html
pref(layout.css.vertical-text.enabled,true) != vertical-decorations-3.html vertical-decorations-3-4-notref.html
pref(layout.css.vertical-text.enabled,true) != vertical-decorations-4.html vertical-decorations-3-4-notref.html

View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div {
font: 25px monospace;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid gray;
padding: 5px;
display: inline-block;
vertical-align: top;
}
.vlr {
writing-mode: vertical-lr;
text-orientation: sideways-right;
height: 10ch;
}
</style>
</head>
<body>
<div class="vlr">abcdefghijklm</div>
</body>
</html>

View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div {
font: 25px monospace;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid gray;
padding: 5px;
display: inline-block;
vertical-align: top;
}
.vlr {
writing-mode: vertical-lr;
text-orientation: sideways-right;
height: 10ch;
}
</style>
</head>
<body>
<div class="vlr"><u>abcdefghi</u></div>
</body>
</html>

View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div {
font: 25px monospace;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid gray;
padding: 5px;
display: inline-block;
vertical-align: top;
}
.vlr {
writing-mode: vertical-lr;
text-orientation: sideways-right;
height: 10ch;
}
</style>
</head>
<body>
<div class="vlr"><u>abcdefghijklm</u></div>
</body>
</html>

View File

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div {
font: 25px monospace;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid gray;
padding: 5px;
display: inline-block;
vertical-align: top;
}
span {
text-decoration: overline;
}
.vlr {
writing-mode: vertical-lr;
text-orientation: sideways-right;
height: 10ch;
}
</style>
</head>
<body>
<div class="vlr"><span>abcdefghi</span></div>
</body>
</html>

View File

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div {
font: 25px monospace;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid gray;
padding: 5px;
display: inline-block;
vertical-align: top;
}
span {
text-decoration: overline;
}
.vlr {
writing-mode: vertical-lr;
text-orientation: sideways-right;
height: 10ch;
}
</style>
</head>
<body>
<div class="vlr"><span>abcdefghijklm</span></div>
</body>
</html>

View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div {
font: 25px monospace;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid gray;
padding: 5px;
display: inline-block;
vertical-align: top;
}
.vrl {
writing-mode: vertical-rl;
text-orientation: upright;
height: 6em;
}
</style>
</head>
<body>
<div class="vrl">你好吗?我很好!</div>
</body>
</html>

View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div {
font: 25px monospace;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid gray;
padding: 5px;
display: inline-block;
vertical-align: top;
}
.vrl {
writing-mode: vertical-rl;
text-orientation: upright;
height: 6em;
}
</style>
</head>
<body>
<div class="vrl"><u>你好吗?我</u></div>
</body>
</html>

View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div {
font: 25px monospace;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid gray;
padding: 5px;
display: inline-block;
vertical-align: top;
}
.vrl {
writing-mode: vertical-rl;
text-orientation: upright;
height: 6em;
}
</style>
</head>
<body>
<div class="vrl"><u>你好吗?我很好!</u></div>
</body>
</html>

View File

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div {
font: 25px monospace;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid gray;
padding: 5px;
display: inline-block;
vertical-align: top;
}
span {
text-decoration: overline;
}
.vrl {
writing-mode: vertical-rl;
text-orientation: upright;
height: 6em;
}
</style>
</head>
<body>
<div class="vrl"><span>你好吗?我</span></div>
</body>
</html>

View File

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div {
font: 25px monospace;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid gray;
padding: 5px;
display: inline-block;
vertical-align: top;
}
span {
text-decoration: overline;
}
.vrl {
writing-mode: vertical-rl;
text-orientation: upright;
height: 6em;
}
</style>
</head>
<body>
<div class="vrl"><span>你好吗?我很好!</span></div>
</body>
</html>