mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
bug 1017335 - reftest for spacing between bullet and list item in <ul>. r=mats
This commit is contained in:
parent
9b37fabb73
commit
b989749073
75
layout/reftests/list-item/bullet-space-1-ref.html
Normal file
75
layout/reftests/list-item/bullet-space-1-ref.html
Normal file
@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bug 1017335</title>
|
||||
<style>
|
||||
body {
|
||||
font-family:monospace;
|
||||
font-size:24px;
|
||||
}
|
||||
.outer {
|
||||
position:absolute;
|
||||
top:0;
|
||||
width:300px;
|
||||
}
|
||||
ul {
|
||||
margin:0;
|
||||
list-style-type:none;
|
||||
}
|
||||
span {
|
||||
display:inline-block;
|
||||
}
|
||||
.L {
|
||||
width:40px;
|
||||
text-align:right;
|
||||
}
|
||||
.R {
|
||||
width:40px;
|
||||
text-align:left;
|
||||
}
|
||||
.bullet {
|
||||
background:yellow;
|
||||
padding:0 2px;
|
||||
}
|
||||
.spacer {
|
||||
width:calc(0.5em - 2px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="outer">
|
||||
<div>
|
||||
<ul>
|
||||
<li>foo</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div dir="rtl">
|
||||
<ul>
|
||||
<li>bar</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- The yellow background of the bullet spans here should completely cover the
|
||||
bullets from the <ul> items above, even though the exact positioning of the
|
||||
list item images may not match the plain-text version of the bullets.
|
||||
Therefore, the testcase (with list-style-type:disc) and reference (none)
|
||||
should match. -->
|
||||
<div class="outer">
|
||||
<div>
|
||||
<span class="L"><span class="bullet">•</span><span class="spacer"></span></span>foo
|
||||
</div>
|
||||
|
||||
<div dir="rtl">
|
||||
<span class="R"><span class="bullet">•</span><span class="spacer"></span></span>bar
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
75
layout/reftests/list-item/bullet-space-1.html
Normal file
75
layout/reftests/list-item/bullet-space-1.html
Normal file
@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bug 1017335</title>
|
||||
<style>
|
||||
body {
|
||||
font-family:monospace;
|
||||
font-size:24px;
|
||||
}
|
||||
.outer {
|
||||
position:absolute;
|
||||
top:0;
|
||||
width:300px;
|
||||
}
|
||||
ul {
|
||||
margin:0;
|
||||
list-style-type:disc;
|
||||
}
|
||||
span {
|
||||
display:inline-block;
|
||||
}
|
||||
.L {
|
||||
width:40px;
|
||||
text-align:right;
|
||||
}
|
||||
.R {
|
||||
width:40px;
|
||||
text-align:left;
|
||||
}
|
||||
.bullet {
|
||||
background:yellow;
|
||||
padding:0 2px;
|
||||
}
|
||||
.spacer {
|
||||
width:calc(0.5em - 2px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="outer">
|
||||
<div>
|
||||
<ul>
|
||||
<li>foo</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div dir="rtl">
|
||||
<ul>
|
||||
<li>bar</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- The yellow background of the bullet spans here should completely cover the
|
||||
bullets from the <ul> items above, even though the exact positioning of the
|
||||
list item images may not match the plain-text version of the bullets.
|
||||
Therefore, the testcase (with list-style-type:disc) and reference (none)
|
||||
should match. -->
|
||||
<div class="outer">
|
||||
<div>
|
||||
<span class="L"><span class="bullet">•</span><span class="spacer"></span></span>foo
|
||||
</div>
|
||||
|
||||
<div dir="rtl">
|
||||
<span class="R"><span class="bullet">•</span><span class="spacer"></span></span>bar
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
@ -5,3 +5,4 @@ asserts(1) == ol-reversed-1b.html ol-reversed-1-ref.html # bug 478135
|
||||
== ol-reversed-1c.html ol-reversed-1-ref.html
|
||||
== ol-reversed-2.html ol-reversed-2-ref.html
|
||||
== ol-reversed-3.html ol-reversed-3-ref.html
|
||||
== bullet-space-1.html bullet-space-1-ref.html
|
||||
|
Loading…
Reference in New Issue
Block a user