Bug 1055665 part 5 - Tests for ruby-position. r=dholbert

--HG--
extra : source : 09e28946e0743204f05af32baf99f8e70f86e2bc
This commit is contained in:
Xidorn Quan 2014-12-09 17:47:26 +11:00
Родитель 0dea205772
Коммит 242c3684b6
7 изменённых файлов: 187 добавлений и 0 удалений

Просмотреть файл

@ -22,5 +22,8 @@ fuzzy-if(winWidget,28,1) == dynamic-removal-3.html dynamic-removal-3-ref.html #
== inlinize-blocks-5.html inlinize-blocks-5-ref.html
== ruby-whitespace-1.html ruby-whitespace-1-ref.html
== ruby-whitespace-2.html ruby-whitespace-2-ref.html
== ruby-position-horizontal.html ruby-position-horizontal-ref.html
pref(layout.css.vertical-text.enabled,true) fails == ruby-position-vertical-lr.html ruby-position-vertical-lr-ref.html # bug 1112474
pref(layout.css.vertical-text.enabled,true) fails == ruby-position-vertical-rl.html ruby-position-vertical-rl-ref.html # bug 1112474
!= ruby-reflow-1-opaqueruby.html ruby-reflow-1-noruby.html
== ruby-reflow-1-transparentruby.html ruby-reflow-1-noruby.html

Просмотреть файл

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bug 1055665 - Test for ruby-position</title>
<link rel="stylesheet" href="common.css">
<style>
body {
font-family: monospace;
line-height: normal;
}
.annotation, .annotation > div {
position: absolute;
}
</style>
</head>
<body>
<div style="height: 8em; line-height: 8em;">
<div style="display: inline-block; line-height: normal;">
<div class="annotation">
<div style="top: -100%;">over##</div>
<div style="top: 100%;">under#</div>
<div style="top: -200%;">over2#</div>
<div style="top: 200%;">under2</div>
&nbsp; <!-- to give container a nonzero size for
percent values to resolve against -->
</div>
base##
</div>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bug 1055665 - Test for ruby-position</title>
<link rel="stylesheet" href="common.css">
<style>
body {
font-family: monospace;
/* use a large line-height here to avoid additional leadings */
line-height: 8em;
}
rtc, rt {
font-size: 100% !important;
line-height: normal !important;
}
</style>
</head>
<body>
<ruby>
<rb>base##</rb>
<rtc style="ruby-position: over left"><rt>over##</rt></rtc>
<rtc style="ruby-position: under left"><rt>under#</rt></rtc>
<rtc style="ruby-position: over left"><rt>over2#</rt></rtc>
<rtc style="ruby-position: under left"><rt>under2</rt></rtc>
</ruby>
</body>
</html>

Просмотреть файл

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bug 1055665 - Test for ruby-position</title>
<link rel="stylesheet" href="common.css">
<style>
body {
font-family: monospace;
line-height: normal;
writing-mode: vertical-lr;
}
.annotation, .annotation > div {
position: absolute;
}
</style>
</head>
<body>
<div style="width: 8em; line-height: 8em;">
<div style="display: inline-block; line-height: normal;">
<div class="annotation">
<div style="right: 100%;">left##</div>
<div style="right: -100%;">right#</div>
<div style="right: 200%;">left2#</div>
<div style="right: -200%;">right2</div>
&nbsp; <!-- to give container a nonzero size for
percent values to resolve against -->
</div>
base##
</div>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bug 1055665 - Test for ruby-position</title>
<link rel="stylesheet" href="common.css">
<style>
body {
font-family: monospace;
/* use a large line-height here to avoid additional leadings */
line-height: 8em;
writing-mode: vertical-lr;
}
rtc, rt {
font-size: 100% !important;
line-height: normal !important;
}
</style>
</head>
<body>
<ruby>
<rb>base##</rb>
<rtc style="ruby-position: over left"><rt>left##</rt></rtc>
<rtc style="ruby-position: over right"><rt>right#</rt></rtc>
<rtc style="ruby-position: over left"><rt>left2#</rt></rtc>
<rtc style="ruby-position: over right"><rt>right2</rt></rtc>
</ruby>
</body>
</html>

Просмотреть файл

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bug 1055665 - Test for ruby-position</title>
<link rel="stylesheet" href="common.css">
<style>
body {
font-family: monospace;
line-height: normal;
writing-mode: vertical-rl;
}
.annotation, .annotation > div {
position: absolute;
}
</style>
</head>
<body>
<div style="width: 8em; line-height: 8em;">
<div style="display: inline-block; line-height: normal;">
<div class="annotation">
<div style="right: 100%;">left##</div>
<div style="right: -100%;">right#</div>
<div style="right: 200%;">left2#</div>
<div style="right: -200%;">right2</div>
&nbsp; <!-- to give container a nonzero size for
percent values to resolve against -->
</div>
base##
</div>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bug 1055665 - Test for ruby-position</title>
<link rel="stylesheet" href="common.css">
<style>
body {
font-family: monospace;
/* use a large line-height here to avoid additional leadings */
line-height: 8em;
writing-mode: vertical-rl;
}
rtc, rt {
font-size: 100% !important;
line-height: normal !important;
}
</style>
</head>
<body>
<ruby>
<rb>base##</rb>
<rtc style="ruby-position: over left"><rt>left##</rt></rtc>
<rtc style="ruby-position: over right"><rt>right#</rt></rtc>
<rtc style="ruby-position: over left"><rt>left2#</rt></rtc>
<rtc style="ruby-position: over right"><rt>right2</rt></rtc>
</ruby>
</body>
</html>