Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-15 14:25:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1230672 part 2 - Add reftest with -moz-column-fill:auto and overflow:hidden.

Browse Source 
Relanded with fuzzy-if(OSX,32,1000) to ignore anti-aliasing differences
on OSX 10.10.
This commit is contained in:
Mats Palmgren 2015-12-15 23:23:46 +01:00
parent 9cdf91f09c
commit 0877b3ce2b
3 changed files with 114 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
layout/reftests/columns/columnfill-auto-ref.html
View File

@ -3,8 +3,37 @@
<link rel="stylesheet" type="text/css" href="ahem.css" />
<style>
html,body {
color:black; background-color:white; font-size:16px; padding:5px; margin:0;
}
mask {
position: absolute;
top:0; bottom:0; left:8px; width:5px;
background: black;
}
.rel {
position: relative;
}
a {
position: absolute;
width: 10px;
height: 10px;
bottom: 0;
left: 0;
background: blue;
}
f {
position: fixed;
width: 10px;
height: 10px;
bottom: 0;
left: 100px;
background: lime;
}
td.text {
width: 200px;
width: 12em;
height: 8em;
text-align: left;
font-family: ahem;
font-size: 12pt;
@ -12,7 +41,6 @@
}
table {
width: 100%;
font-family: ahem;
font-size: 12pt;
line-height: 1.1;
@ -21,12 +49,32 @@
</head>
<body>
<table cellpadding=0 cellspacing=0>
<table cellpadding=0 cellspacing=0 class="rel">
<tr>
<td class="text" valign="top">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam.</td>
<td class="text" valign="top">Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci</td>
<td valign="top" class="text">vitae nisi. Duis venenatis tristique massa. Sed commodo diam at mauris.</td>
<td class="text" valign="top"><a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 class="rel">
<tr>
<td class="text" valign="top"><a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 class="rel">
<tr>
<td class="text" valign="top"><f></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0>
<tr>
<td class="text" valign="top"><a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0>
<tr>
<td class="text" valign="top"><f style="left:120px"></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
</tr>
</table>
<mask></mask>
</body>
</html>

67
layout/reftests/columns/columnfill-auto.html
View File

@ -1,19 +1,68 @@
<html>
<head>
<link rel="stylesheet" type="text/css" href="ahem.css" />
<style>
html,body {
color:black; background-color:white; font-size:16px; padding:5px; margin:0;
}
mask {
position: absolute;
top:0; bottom:0; left:8px; width:5px;
background: black;
}
.rel {
position: relative;
}
.columns {
-moz-column-width: 12em;
-moz-column-gap: 0;
-moz-column-fill: auto;
height: 8em;
font-family: ahem;
font-size: 12pt;
line-height: 1.1;
}
a {
position: absolute;
width: 10px;
height: 10px;
bottom: 0;
left: 0;
background: blue;
}
f {
position: fixed;
width: 10px;
height: 10px;
bottom: 0;
left: 100px;
background: lime;
}
</style>
</head>
<body>
<div style="width: 100%">
<div style="-moz-column-width: 200px;
-moz-column-gap: 0px;
-moz-column-fill: auto;
height: 120px;
font-family: ahem;
font-size: 12pt;
line-height: 1.1;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam. Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci vitae nisi. Duis venenatis tristique massa. Sed commodo diam at mauris.
<div class="columns rel">
<a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
</div>
<div class="columns rel" style="overflow: hidden">
<a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
</div>
<div class="columns rel" style="overflow: hidden">
<f></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
</div>
<div class="columns" style="overflow: hidden">
<a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
</div>
<div class="columns" style="overflow: hidden">
<f style="left:120px"></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
</div>
<mask></mask>
</body>
</html>

2
layout/reftests/columns/reftest.list
View File

@ -19,7 +19,7 @@
== column-balancing-004.html column-balancing-004.ref.html
== column-box-alignment-rtl.html column-box-alignment-rtl-ref.html
HTTP(..) == columnfill-balance.html columnfill-balance-ref.html
HTTP(..) == columnfill-auto.html columnfill-auto-ref.html
HTTP(..) fuzzy-if(OSX,32,1000) == columnfill-auto.html columnfill-auto-ref.html
HTTP(..) == columnfill-auto-2.html columnfill-auto-2-ref.html
HTTP(..) == columnfill-auto-3.html columnfill-auto-2-ref.html
skip-if(B2G||Mulet) == columnrule-basic.html columnrule-basic-ref.html # bug 773482 # Initial mulet triage: parity with B2G/B2G Desktop