wine/gecko
0
0
Fork 0
mirror of https://gitlab.winehq.org/wine/wine-gecko.git synced 2024-09-13 09:24:08 -07:00
Code Issues Packages Projects Releases Wiki Activity

Bug 1141867 - patch 3 - Reftests for contiguous orthogonal floats. r=smontagu

Browse Source
This commit is contained in:
Jonathan Kew 2015-04-09 14:40:54 +01:00
parent fc77be1f6f
commit d0f6f3bedc
6 changed files with 263 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
layout/reftests/floats/orthogonal-floats-1-ref.html Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1141867 - Contiguous right-floating boxes with vertical writing mode</title>
<!-- based on testcases from Gérard Talbot, see https://bugzilla.mozilla.org/show_bug.cgi?id=1141867 -->
<meta charset="utf-8">
<style type="text/css">
body {
margin: 8px;
}
p {
clear: both;
}
div#dummy {
height: 100px;
float: right;
}
div#reference {
background-color: green;
width: 100px;
height: 100px;
position: absolute;
right: 8px;
top: 8px;
z-index: -1;
}
</style>
</head>
<body>
<div id="dummy"></div>
<div id="reference"></div>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
</body>
</html>

54
layout/reftests/floats/orthogonal-floats-1a.html Normal file
View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1141867 - Contiguous right-floating boxes with vertical writing mode</title>
<!-- based on testcases from Gérard Talbot, see https://bugzilla.mozilla.org/show_bug.cgi?id=1141867 -->
<meta charset="utf-8">
<style type="text/css">
body {
margin: 8px;
}
p {
clear: both;
}
div.floated-right {
background: green;
color: green;
inline-size: 100px;
block-size: 20px;
float: right;
-ah-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl; /* IE 11 */
writing-mode: vertical-rl;
}
div#reference-overlapped-red {
background-color: red;
width: 100px;
height: 100px;
position: absolute;
right: 8px;
top: 8px;
z-index: -1;
}
</style>
</head>
<body>
<div class="floated-right">abcde</div>
<div class="floated-right">fghijk</div>
<div class="floated-right">lmnopq</div>
<div class="floated-right">rstuv</div>
<div class="floated-right">wxyz!</div>
<div id="reference-overlapped-red"></div>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
</body>
</html>

54
layout/reftests/floats/orthogonal-floats-1b.html Normal file
View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1141867 - Contiguous right-floating boxes with vertical writing mode</title>
<!-- based on testcases from Gérard Talbot, see https://bugzilla.mozilla.org/show_bug.cgi?id=1141867 -->
<meta charset="utf-8">
<style type="text/css">
body {
margin: 8px;
}
p {
clear: both;
}
div.floated-right {
background: green;
color: green;
inline-size: 100px;
block-size: 20px;
float: right;
-ah-writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr; /* IE 11 */
writing-mode: vertical-lr;
}
div#reference-overlapped-red {
background-color: red;
width: 100px;
height: 100px;
position: absolute;
right: 8px;
top: 8px;
z-index: -1;
}
</style>
</head>
<body>
<div class="floated-right">abcde</div>
<div class="floated-right">fghijk</div>
<div class="floated-right">lmnopq</div>
<div class="floated-right">rstuv</div>
<div class="floated-right">wxyz!</div>
<div id="reference-overlapped-red"></div>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
</body>
</html>

56
layout/reftests/floats/orthogonal-floats-1c.html Normal file
View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1141867 - Contiguous right-floating boxes with vertical writing mode</title>
<!-- based on testcases from Gérard Talbot, see https://bugzilla.mozilla.org/show_bug.cgi?id=1141867 -->
<style type="text/css">
<meta charset="utf-8">
@font-face {
font-family: Ahem;
src: url(../fonts/Ahem.ttf);
}
body {
margin: 8px;
}
p {
clear: both;
}
div.floated-right {
color: green;
float: right;
-ah-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl; /* IE 11 */
writing-mode: vertical-rl;
font: 20px/20px Ahem;
}
div#reference-overlapped-red {
background-color: red;
width: 100px;
height: 100px;
position: absolute;
right: 8px;
top: 8px;
z-index: -1;
}
</style>
</head>
<body>
<div class="floated-right">abcde</div>
<div class="floated-right">fghij</div>
<div class="floated-right">klmno</div>
<div class="floated-right">qrstu</div>
<div class="floated-right">vwxyz</div>
<div id="reference-overlapped-red"></div>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
</body>
</html>

56
layout/reftests/floats/orthogonal-floats-1d.html Normal file
View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1141867 - Contiguous right-floating boxes with vertical writing mode</title>
<!-- based on testcases from Gérard Talbot, see https://bugzilla.mozilla.org/show_bug.cgi?id=1141867 -->
<meta charset="utf-8">
<style type="text/css">
@font-face {
font-family: Ahem;
src: url(../fonts/Ahem.ttf);
}
body {
margin: 8px;
}
p {
clear: both;
}
div.floated-right {
color: green;
float: right;
-ah-writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr; /* IE 11 */
writing-mode: vertical-lr;
font: 20px/20px Ahem;
}
div#reference-overlapped-red {
background-color: red;
width: 100px;
height: 100px;
position: absolute;
right: 8px;
top: 8px;
z-index: -1;
}
</style>
</head>
<body>
<div class="floated-right">abcde</div>
<div class="floated-right">fghij</div>
<div class="floated-right">klmno</div>
<div class="floated-right">qrstu</div>
<div class="floated-right">vwxyz</div>
<div id="reference-overlapped-red"></div>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
</body>
</html>

4
layout/reftests/floats/reftest.list
View File

@ -35,3 +35,7 @@ fails == 345369-2.html 345369-2-ref.html
== float-in-rtl-4b.html float-in-rtl-4-ref.html
== float-in-rtl-4c.html float-in-rtl-4-ref.html
== float-in-rtl-4d.html float-in-rtl-4-ref.html
fuzzy-if(Android,16,2) == orthogonal-floats-1a.html orthogonal-floats-1-ref.html
== orthogonal-floats-1b.html orthogonal-floats-1-ref.html
fuzzy-if(winWidget,116,700) HTTP(..) == orthogonal-floats-1c.html orthogonal-floats-1-ref.html
fuzzy-if(winWidget,116,700) HTTP(..) == orthogonal-floats-1d.html orthogonal-floats-1-ref.html