adding testcases to layout regression tests, npob

This commit is contained in:
bmlk%gmx.de 2005-11-19 20:25:41 +00:00
parent 5596e3f856
commit 7ae67b8d95
18 changed files with 387 additions and 0 deletions

View File

@ -0,0 +1,11 @@
<html>
<body>
<div style='overflow:auto; height:100px; width:80%'>
<table border=0 cellpadding=0 cellspacing=0 width='100%'>
<tr><td class='subTableHdr'>
blah
</td></tr>
</table>
</div>
</body>
</html>

View File

@ -0,0 +1,17 @@
<html>
<body>
<table class="DataBg" border="0" cellpadding="0" cellspacing="1" >
<td align="center" class="DataHeader" width="2"
rowspan="9999999">&nbsp;</td>
<td align="center" class="DataHeader" colspan="3"><div
class="margin3">Allocation Probability (%)</div></td>
</tr>
</table>
</body>
</html>

View File

@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML Transitional 4.01//EN">
<html>
<head>
<style type="text/css">
body {
direction: rtl;
}
table {
border-collapse: collapse;
}
td + td {
border-left: 2px solid black;
/* from this point on, the stlye is just for visual emphasis
of the cells, it has nothing to do with the bug
manifestation
*/
background-color: cyan;
}
td {
background-color: magenta;
}
</style>
</head>
<body>
<p dir="ltr">the second table cell (td 2) should have a left border.</p>
<table>
<tr>
<td>row 1 td 1</td>
<td>row 1 td 2</td>
</tr>
</table>
</body>
</html>

View File

@ -0,0 +1,81 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
div{background: lawngreen; border: 11px solid orange;}
body{ background: moccasin }
table { background: papayawhip ; display: inline-table}
table, td { border: 1px solid darkred; }
tr { background: orange }
td { color: black; background-color: beige; width: 100%}
#tableA{display: block}
#tableB{position: absolute; }
#tableC{position: absolute; top: auto; }
#tableD{position: absolute; top: auto; }
</style>
</head>
<body>
<!-- table A -->
<div style="position: absolute; left: 250px;top:10px">
<table style=''>
<tr><td>Table A, the first row</td></tr>
<tr><td>table style='display: block'</td></tr>
</table>
</div>
<!-- table B -->
<table>
<tr><td>Table B, the first row</td></tr>
<tr><td>just a plain old table style=''</td></tr>
</table>
<!-- table C -->
<div style="position: absolute;left: 2px;top: 30px;width: auto;">
<table id='tableC'>
<tr><td>Table C, the first row</td></tr>
<tr><td>This table is inside an absolutely positioned div.
table style='position: absolute;'</td></tr>
<tr><td>The absolutely positioned div has 'width: auto;'</td></tr>
<tr><td>&there4;</td></tr>
<tr><td>The width of</td></tr>
<tr><td>Table rows</td></tr>
<tr><td>becomes 'auto'</td></tr>
<tr><td>&iquest;Que?</td></tr>
</table>
</div>
<!-- table d -->
<div style="position: absolute;left: 2px;top:130px;width: 540px">
<table id='tableD'>
<tr><td>Table D, the first row</td></tr>
<tr><td>This table is inside an absolutely positioned div.
table style='position: absolute;'</td></tr>
<tr><td>The absolutely positioned div has 'width: 540px;'</td></tr>
<tr><td>&there4;</td></tr>
<tr><td>The width of</td></tr>
<tr><td>Table rows</td></tr>
<tr><td>becomes 'auto'</td></tr>
<tr><td>&iquest;Que?</td></tr>
</table>
</div>
</body>
</html>

View File

@ -0,0 +1,16 @@
<html><head>
<title>Testcase Bug 178762 - Percentage height ignored for child inside table with table-layout:fixed</title>
<style>
table { width: 100%; height: 100%; border:1px solid red;
table-layout: fixed; position:relative; }
div{width:100%;height:100%;background-color:green;}
</style>
</head>
<body>
<table><tr><td>
<div>
The viewport should be filled directly with a green square. A resize of the window seems to fix the bug.
</div>
</td></tr></table>
</body>
</html>

View File

@ -0,0 +1,25 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML><HEAD>
<title>Testcase, bug 217527</title>
</HEAD>
<BODY>
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0">
<TR>
<TD width="1" bgcolor="yellow">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" ALIGN="LEFT">
<TR>
<TD>
xxx
<script type="text/javascript">var foo = document.body.offsetHeight;</script>
zzzzzzzz
</TD>
<TD></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

View File

@ -0,0 +1,23 @@
<html><head>
<style>
table { width: 100%; }
td{border:1px solid red;}
TD#leftcolumn,TD#rightcolumn {width: 180px;}
div.box {
overflow: hidden;
width: 170px;}
div.cbox-title { overflow: hidden;}
</style>
</head>
<body>
<table><tbody><tr><td id="leftcolumn">
<div class="box">online user bug 234593</div>
</td>
<td id="centercolumn">
<div class="cbox-title">SOAP </div>
<script>var x=document.body.offsetHeight;</script>
</td>
<td id="rightcolumn">
<div class="box">Last wiki comments</div>
</td></tr></tbody></table>
</body></html>

View File

@ -0,0 +1,22 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<div style="height:auto; overflow:auto; background-color:red;">
<table>
<tr>
<td>
<script language="JavaScript">
time1 = new Date()
document.write('<img src="http://www.mozilla.org/images/mozilla-banner.gif?' +time1.getTime()+'">');
// document.write("<img src='http://myweb.cableone.net/performance/perftest/gfx/test.jpg?"+time1.getTime()+"'>")
</script>
</td>
</tr>
</table>
</div>
</body>
</html>

View File

@ -0,0 +1,24 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Testcase for bug 253781</title>
<style>
* {margin:0;padding:0;}
</style>
</head>
<body>
<table width="100%" id="mytable" style="visibility: hidden">
<caption>table caption</caption>
<tr>
<td>cell data</td>
</tr>
</table>
<script>
setTimeout("document.getElementById('mytable').style.visibility='visible'",5);
</script>
</body></html>

View File

@ -0,0 +1,10 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Foo</title>
</head>
<body>
<table><tr>
<td bgcolor="#00ff00"><iframe></iframe></td>
<td bgcolor="#ff0000">la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la </td></tr></table>
</body></html>

View File

@ -0,0 +1,8 @@
<html><head><title>double caption</title>
<style>
tr{display:table-caption; background-color: lime; width:100px; height:100px;}
td{display:table-caption;border:solid 5px green; width:50px; height:50px}
</style></head><body>
there should be a thick green line visible on a lime background
<table><tbody><tr><td></td></tr></tbody></table>
</body></html>

View File

@ -0,0 +1,10 @@
<html><head>
<title>Testcase bug 280217 - Crash on changing display type to table-row on hidden inputs</title>
<style>
body:hover input{display:table-row;}
</style>
</head>
<body>
Hovering over this text should not crash Mozilla
<input type="hidden"><input type="hidden">
</body></html>

View File

@ -0,0 +1,26 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>bug 282172</title>
</head>
<body>
<table>
<tbody>
<tr style="display: table-column-group">
<td>
<div style="float:left">
<table id="table2">
<tbody><tr><td>Distance: 1237.12 miles </td></tr></tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</body>
<script type="text/javascript">
document.body.offsetHeight;
document.getElementById("table2").style.display = "none";
document.body.offsetHeight;
</script>
</html>

View File

@ -0,0 +1,12 @@
<html><head>
<title>Testcase2 bug 286137 -vanishing content</title>
<script>
function doe(){
document.getElementsByTagName('tbody')[0].style.display='table-caption';
}
</script>
</head>
<body onload="doe()">
<table><tbody><tr><td>foo</td></tr></tbody></table>
</body>
</html>

View File

@ -0,0 +1,19 @@
<html><head>
<title>Testcase bug 294823 - ASSERTION: max element width exceeded desired width: 'PR_FALSE'</title>
</head>
<body>
<table><tbody>
<tr>
<td></td>
<td>
<select>
<option><script>var x=document.body.offsetHeight;</script></option>
</select>
</td>
</tr>
<tr>
<td>text</td>
<td></td>
</tr>
</tbody></table>
</body></html>

View File

@ -0,0 +1,9 @@
<html><head>
<title>Testcase bug 299723 - Table attribute RULES doesn't seem to recognize "none" and other values work strangely</title></head>
<body>
<table border="10" cellspacing="0" frame="void" rules="none" width="750">
<tbody><tr>
<td>You should see</td>
<td>no borders here</td>
</tr></tbody></table>
</body></html>

View File

@ -0,0 +1,21 @@
<html>
<head>
<title>Testcase bug 312770 - Table too wide because of marquee</title>
</head>
<body>
<TABLE border="1"><TBODY>
<TR>
<TD>
The table should not get wider than this text
</TD>
</TR>
<TR>
<TD>
<MARQUEE>
Hello
</MARQUEE>
</TD>
</TR>
</TBODY></TABLE>
</body>
</html>

View File

@ -0,0 +1,15 @@
<html>
<head>
<title>15265</title>
</head>
<body>
<p style="color: green">This is a green paragraph</p>
<table style="position: absolute; border: solid thin black">
<tr>
<td>This is a table with 'position: absolute' but no box offsets</td>
</tr>
</table>
</body>
</html>