зеркало из https://github.com/mozilla/pjs.git
Add reftests for text-indent.
This commit is contained in:
Родитель
84fb6f10e9
Коммит
cd5d42ab25
|
@ -84,5 +84,8 @@ include counters/reftest.list
|
|||
# first-letter/
|
||||
include first-letter/reftest.list
|
||||
|
||||
# text-indent/
|
||||
include text-indent/reftest.list
|
||||
|
||||
# text-transform/
|
||||
include text-transform/reftest.list
|
||||
|
|
|
@ -0,0 +1,14 @@
|
|||
# XXX Need to repeat these tests for RTL. (Note that != tests can't use
|
||||
# same file.)
|
||||
|
||||
# Also need to test intrinsic widths (bug 368155).
|
||||
|
||||
!= text-indent-single-line-100.html text-indent-single-line-0.html
|
||||
== text-indent-single-line-100.html text-indent-single-line-ref-margin.html
|
||||
== text-indent-single-line-0.html text-indent-single-line-ref-unstyled.html
|
||||
== text-indent-single-line-percent.html text-indent-single-line-percent-ref.html
|
||||
== text-indent-single-line-indent-inline.html text-indent-single-line-indent-inline-ref-block-margin.html
|
||||
== text-indent-single-line-indent-inline.html text-indent-single-line-indent-inline-ref-inline-margin.html
|
||||
== text-indent-multiple-line.html text-indent-multiple-line-ref-inline-margin.html
|
||||
== text-indent-multiple-line.html text-indent-multiple-line-ref-float.html
|
||||
!= text-indent-multiple-line.html text-indent-multiple-line-notref-block-margin.html
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>text-indent test</title>
|
||||
<style type="text/css">
|
||||
p { margin-left: 100px }
|
||||
span { background: yellow }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>text-indent test</title>
|
||||
<style type="text/css">
|
||||
i { float: left; height: 0.3em; width: 100px; }
|
||||
span { background: yellow }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><i></i><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>text-indent test</title>
|
||||
<style type="text/css">
|
||||
span { background: yellow; margin-left: 100px }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>text-indent test</title>
|
||||
<style type="text/css">
|
||||
p { text-indent: 100px }
|
||||
span { background: yellow }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>text-indent test</title>
|
||||
<style type="text/css">
|
||||
p { text-indent: 0px }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>text</p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>text-indent test</title>
|
||||
<style type="text/css">
|
||||
p { text-indent: 100px }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>text</p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>text-indent test</title>
|
||||
<style type="text/css">
|
||||
p { margin-left: 100px }
|
||||
span { background: yellow }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><span>text</span></p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>text-indent test</title>
|
||||
<style type="text/css">
|
||||
span { background: yellow; margin-left: 100px }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><span>text</span></p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>text-indent test</title>
|
||||
<style type="text/css">
|
||||
p { text-indent: 100px }
|
||||
span { background: yellow }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><span>text</span></p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>text-indent test</title>
|
||||
<style type="text/css">
|
||||
div { width: 500px; }
|
||||
p { width: 300px; text-indent: 50px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<p>text</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>text-indent test</title>
|
||||
<style type="text/css">
|
||||
div { width: 500px; }
|
||||
p { width: 300px; text-indent: 10%; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<p>text</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>text-indent test</title>
|
||||
<style type="text/css">
|
||||
p { margin-left: 100px }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>text</p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>text-indent test</title>
|
||||
<style type="text/css">
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>text</p>
|
||||
</body>
|
||||
</html>
|
Загрузка…
Ссылка в новой задаче