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

Start converting reflow branch (bug 300030) table testcases to reftests.

Browse Source
This commit is contained in:
dbaron%dbaron.org 2007-02-16 23:30:22 +00:00
parent 298a52e65b
commit 6687d10589
48 changed files with 1318 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
layout/reftests/reftest.list
View File

@ -249,6 +249,37 @@ fails == object/svg-with-type.html object/svg-with-type-ref.html
== table-dom/insertTbodyExpand1.html table-dom/insertTbodyExpand1-ref.html
== table-dom/insertTbodyRebuild1.html table-dom/insertTbodyRebuild1-ref.html
# table-width/
== table-width/spacing-invariance-quirks-min.html table-width/spacing-invariance-quirks-min-ref.html
== table-width/spacing-invariance-quirks-pref.html table-width/spacing-invariance-quirks-pref-ref.html
== table-width/spacing-invariance-standards-min.html table-width/spacing-invariance-standards-min-ref.html
== table-width/spacing-invariance-standards-pref.html table-width/spacing-invariance-standards-pref-ref.html
== table-width/min-width.html table-width/min-width-ref.html
== table-width/pref-width.html table-width/pref-width-ref.html
!= table-width/min-width-ref.html table-width/pref-width-ref.html
== table-width/percent-large.html table-width/percent-large-ref.html
== table-width/percent-large-min.html table-width/percent-large-min-ref.html
== table-width/percent-large-nested.html table-width/percent-large-nested-ref.html
== table-width/percent-small.html table-width/percent-small-ref.html
== table-width/percent-small-min.html table-width/percent-small-min-ref.html
== table-width/percent-small-nested.html table-width/percent-small-nested-ref.html
== table-width/shrink-wrap-pref.html table-width/shrink-wrap-pref-ref.html
== table-width/shrink-wrap-avail.html table-width/shrink-wrap-avail-ref.html
== table-width/shrink-wrap-min.html table-width/shrink-wrap-min-ref.html
!= table-width/shrink-wrap-min-ref.html table-width/shrink-wrap-pref-ref.html
!= table-width/shrink-wrap-pref-ref.html table-width/shrink-wrap-avail-ref.html
!= table-width/shrink-wrap-avail-ref.html table-width/shrink-wrap-min-ref.html
== table-width/conflicting-widths-1.html table-width/conflicting-widths-ref-100xx.html
== table-width/conflicting-widths-2.html table-width/conflicting-widths-ref-100xx.html
== table-width/conflicting-widths-3.html table-width/conflicting-widths-ref-100xx.html
== table-width/conflicting-widths-4.html table-width/conflicting-widths-ref-100xx.html
== table-width/conflicting-widths-5.html table-width/conflicting-widths-5-ref.html
== table-width/conflicting-widths-6.html table-width/conflicting-widths-6-ref.html
== table-width/conflicting-widths-7.html table-width/conflicting-widths-7-ref.html
== table-width/conflicting-widths-8.html table-width/conflicting-widths-8-ref.html
== table-width/conflicting-widths-9.html table-width/conflicting-widths-9-ref.html
== table-width/conflicting-widths-10.html table-width/conflicting-widths-10-ref.html
# xul-document-load/
== xul-document-load/test001.xul xul-document-load/reference-green-window.xul
== xul-document-load/test002.xul xul-document-load/reference-green-window.xul

27
layout/reftests/table-width/conflicting-widths-1.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td width="100" style="background: yellow">x</td></tr>
<tr><td style="background:aqua">x</td></tr>
</table>
</body>
</html>

27
layout/reftests/table-width/conflicting-widths-10-ref.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
<tr><td style="background: yellow">x</td></tr>
</table>
</body>
</html>

27
layout/reftests/table-width/conflicting-widths-10.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
<tr><td width="100" style="background: yellow">x</td></tr>
</table>
</body>
</html>

27
layout/reftests/table-width/conflicting-widths-2.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td style="background: yellow">x</td></tr>
<tr><td width="100" style="background:aqua">x</td></tr>
</table>
</body>
</html>

27
layout/reftests/table-width/conflicting-widths-3.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td width="100" style="background: yellow">x</td></tr>
<tr><td width="10" style="background:aqua">x</td></tr>
</table>
</body>
</html>

27
layout/reftests/table-width/conflicting-widths-4.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td width="10" style="background: yellow">x</td></tr>
<tr><td width="100" style="background:aqua">x</td></tr>
</table>
</body>
</html>

26
layout/reftests/table-width/conflicting-widths-5-ref.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td width="100" height="500" style="background:aqua;color:aqua">x</td></tr>
</table>
</body>
</html>

26
layout/reftests/table-width/conflicting-widths-5.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td width="100" height="500" style="background:aqua;color:aqua">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>

26
layout/reftests/table-width/conflicting-widths-6-ref.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
</table>
</body>
</html>

26
layout/reftests/table-width/conflicting-widths-6.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td width="100" style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
</table>
</body>
</html>

27
layout/reftests/table-width/conflicting-widths-7-ref.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td width="100" style="background: yellow">x</td></tr>
<tr><td width="100" height="500" style="background:aqua;color:aqua">x</td></tr>
</table>
</body>
</html>

27
layout/reftests/table-width/conflicting-widths-7.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td width="100" style="background: yellow">x</td></tr>
<tr><td height="500" style="background:aqua;color:aqua">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>

27
layout/reftests/table-width/conflicting-widths-8-ref.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td width="100" height="500" style="background:aqua;color:aqua">x</td></tr>
<tr><td width="100" style="background: yellow">x</td></tr>
</table>
</body>
</html>

27
layout/reftests/table-width/conflicting-widths-8.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td height="500" style="background:aqua;color:aqua">la la la la la la la la la la la la la la la la la la la la</td></tr>
<tr><td width="100" style="background: yellow">x</td></tr>
</table>
</body>
</html>

27
layout/reftests/table-width/conflicting-widths-9-ref.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td style="background: yellow">x</td></tr>
<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
</table>
</body>
</html>

27
layout/reftests/table-width/conflicting-widths-9.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td width="100" style="background: yellow">x</td></tr>
<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
</table>
</body>
</html>

27
layout/reftests/table-width/conflicting-widths-ref-100xx.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Conflicting widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr><td width="100" style="background: yellow">x</td></tr>
<tr><td width="100" style="background:aqua">x</td></tr>
</table>
</body>
</html>

9
layout/reftests/table-width/min-width-ref.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
</head>
<body>
This<br>is<br>some<br>text.
</body>
</html>

19
layout/reftests/table-width/min-width.html Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
<style type="text/css">
table, td {
border: none;
margin: 0;
padding: 0;
border-spacing: 0;
}
</style>
</head>
<body>
<table width="1"><tr><td>This is some text.</td></tr></table>
</body>
</html>

29
layout/reftests/table-width/percent-large-min-ref.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Percent widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<div style="width: 1px">
<table><tr>
<td style="background: yellow;color:yellow">x</td>
<td style="background:aqua;color:aqua"><div style="width:200px">x</div></td>
</tr></table>
</div>
</body>
</html>

29
layout/reftests/table-width/percent-large-min.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Percent widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<div style="width: 1px">
<table><tr>
<td style="background: yellow;color:yellow" width="50%">x</td>
<td style="background:aqua;color:aqua"><div style="width:200px">x</div></td>
</tr></table>
</div>
</body>
</html>

36
layout/reftests/table-width/percent-large-nested-ref.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Percent widths on table cells</title>
<style type="text/css">
td > table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
span {
display: inline-block;
width: 50px;
background: fuchsia;
color: fuchsia;
}
</style>
</head>
<body>
<table border><tr><td>
<table><tr>
<td style="background: yellow;color:yellow;width:100px"><span>x</span></td>
<td style="background:aqua;color:aqua;width:100px"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
</tr></table>
</td></tr></table>
</body>
</html>

36
layout/reftests/table-width/percent-large-nested.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Percent widths on table cells</title>
<style type="text/css">
td > table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
span {
display: inline-block;
width: 50px;
background: fuchsia;
color: fuchsia;
}
</style>
</head>
<body>
<table border><tr><td>
<table><tr>
<td style="background: yellow;color:yellow" width="50%"><span>x</span></td>
<td style="background:aqua;color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
</tr></table>
</td></tr></table>
</body>
</html>

27
layout/reftests/table-width/percent-large-ref.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Percent widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table><tr>
<td style="background: yellow;color:yellow; width: 200px">x</td>
<td style="background:aqua;color:aqua; width: 200px">x</td>
</tr></table>
</body>
</html>

27
layout/reftests/table-width/percent-large.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Percent widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table><tr>
<td style="background: yellow;color:yellow" width="50%">x</td>
<td style="background:aqua;color:aqua"><div style="width:200px">x</div></td>
</tr></table>
</body>
</html>

29
layout/reftests/table-width/percent-small-min-ref.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Percent widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<div style="width: 1px">
<table><tr>
<td style="background: yellow;color:yellow">x</td>
<td style="background:aqua;color:aqua"><div style="width:200px">x</div></td>
</tr></table>
</div>
</body>
</html>

29
layout/reftests/table-width/percent-small-min.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Percent widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<div style="width: 1px">
<table><tr>
<td style="background: yellow;color:yellow">x</td>
<td style="background:aqua;color:aqua" width="50%"><div style="width:200px">x</div></td>
</tr></table>
</div>
</body>
</html>

36
layout/reftests/table-width/percent-small-nested-ref.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Percent widths on table cells</title>
<style type="text/css">
td > table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
span {
display: inline-block;
width: 50px;
background: fuchsia;
color: fuchsia;
}
</style>
</head>
<body>
<table border><tr><td>
<table><tr>
<td style="background: yellow;color:yellow;width:100px"><span>x</span></td>
<td style="background:aqua;color:aqua;width:100px"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
</tr></table>
</td></tr></table>
</body>
</html>

36
layout/reftests/table-width/percent-small-nested.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Percent widths on table cells</title>
<style type="text/css">
td > table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
span {
display: inline-block;
width: 50px;
background: fuchsia;
color: fuchsia;
}
</style>
</head>
<body>
<table border><tr><td>
<table><tr>
<td style="background: yellow;color:yellow"><span>x</span></td>
<td style="background:aqua;color:aqua" width="50%"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
</tr></table>
</td></tr></table>
</body>
</html>

27
layout/reftests/table-width/percent-small-ref.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Percent widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table><tr>
<td style="background: yellow;color:yellow; width: 200px">x</td>
<td style="background:aqua;color:aqua; width: 200px">x</td>
</tr></table>
</body>
</html>

27
layout/reftests/table-width/percent-small.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Percent widths on table cells</title>
<style type="text/css">
table {
border-spacing: 3px 5px;
padding: 2px 3px 4px 5px;
}
td {
border: none;
padding: 0;
}
</style>
</head>
<body>
<table><tr>
<td style="background: yellow;color:yellow">x</td>
<td style="background:aqua;color:aqua" width="50%"><div style="width:200px">x</div></td>
</tr></table>
</body>
</html>

9
layout/reftests/table-width/pref-width-ref.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
</head>
<body>
This is some text.
</body>
</html>

19
layout/reftests/table-width/pref-width.html Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
<style type="text/css">
table, td {
border: none;
margin: 0;
padding: 0;
border-spacing: 0;
}
</style>
</head>
<body>
<table><tr><td>This is some text.</td></tr></table>
</body>
</html>

30
layout/reftests/table-width/shrink-wrap-avail-ref.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Shrink-wrapping of tables</title>
<style type="text/css">
table, td {
border: none;
margin: 0;
padding: 0;
border-spacing: 0;
}
span {
display: inline-block;
width: 50px;
background: yellow;
color: black;
}
</style>
</head>
<body>
<table><tr>
<td style="background:aqua;color:aqua;width:100px"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
</tr></table>
</body>
</html>

30
layout/reftests/table-width/shrink-wrap-avail.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Shrink-wrapping of tables</title>
<style type="text/css">
table, td {
border: none;
margin: 0;
padding: 0;
border-spacing: 0;
}
span {
display: inline-block;
width: 50px;
background: yellow;
color: black;
}
</style>
</head>
<body>
<div style="width: 100px"><table><tr>
<td style="background:aqua;color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
</tr></table></div>
</body>
</html>

30
layout/reftests/table-width/shrink-wrap-min-ref.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Shrink-wrapping of tables</title>
<style type="text/css">
table, td {
border: none;
margin: 0;
padding: 0;
border-spacing: 0;
}
span {
display: inline-block;
width: 50px;
background: yellow;
color: black;
}
</style>
</head>
<body>
<table><tr>
<td style="background:aqua;color:aqua;width:50px"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
</tr></table>
</body>
</html>

30
layout/reftests/table-width/shrink-wrap-min.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Shrink-wrapping of tables</title>
<style type="text/css">
table, td {
border: none;
margin: 0;
padding: 0;
border-spacing: 0;
}
span {
display: inline-block;
width: 50px;
background: yellow;
color: black;
}
</style>
</head>
<body>
<div style="width: 20px"><table><tr>
<td style="background:aqua;color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
</tr></table></div>
</body>
</html>

30
layout/reftests/table-width/shrink-wrap-pref-ref.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Shrink-wrapping of tables</title>
<style type="text/css">
table, td {
border: none;
margin: 0;
padding: 0;
border-spacing: 0;
}
span {
display: inline-block;
width: 50px;
background: yellow;
color: black;
}
</style>
</head>
<body>
<table><tr>
<td style="background:aqua;color:aqua;width:200px"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
</tr></table>
</body>
</html>

30
layout/reftests/table-width/shrink-wrap-pref.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Shrink-wrapping of tables</title>
<style type="text/css">
table, td {
border: none;
margin: 0;
padding: 0;
border-spacing: 0;
}
span {
display: inline-block;
width: 50px;
background: yellow;
color: black;
}
</style>
</head>
<body>
<div style="width: 400px"><table><tr>
<td style="background:aqua;color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
</tr></table></div>
</body>
</html>

29
layout/reftests/table-width/spacing-invariance-quirks-min-ref.html Normal file
View File

@ -0,0 +1,29 @@
<html>
<head>
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
<style type="text/css">
html, body { margin: 0 } /* no collapsing */
table, td {
border: none;
margin: 0;
padding: 0;
border-spacing: 0;
}
body > table { margin: 28px 29px 34px 35px; }
body { background: white; color: black; }
div { background: olive; color: black; }
</style>
</head>
<body>
<table width="1"><tr><td>
<table><tr><td>
<div>This is some text.</div>
</td></tr></table>
</td></tr></table>
</body>
</html>

27
layout/reftests/table-width/spacing-invariance-quirks-min.html Normal file
View File

@ -0,0 +1,27 @@
<html>
<head>
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
<style type="text/css">
html, body { margin: 0 } /* no collapsing */
table, td {
margin: 0;
}
* { border-color: white; /* hidden */ }
table, td { border-style: solid; }
body { background: white; color: black; }
div { background: olive; color: black; }
</style>
</head>
<body>
<table width="1" cellpadding="3" cellspacing="5" border="2"><tr><td colspan="2" style="border-width: 1px"> <!-- td border currently already 1px -->
<table style="border-spacing: 5px 7px; border-width: 2px 3px 4px 5px"><tr><td colspan="3" style="padding: 4px 5px 6px 7px;border-width: 4px 5px 6px 7px">
<div>This is some text.</div>
</td></tr></table>
</td></tr></table>
</body>
</html>

29
layout/reftests/table-width/spacing-invariance-quirks-pref-ref.html Normal file
View File

@ -0,0 +1,29 @@
<html>
<head>
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
<style type="text/css">
html, body { margin: 0 } /* no collapsing */
table, td {
border: none;
margin: 0;
padding: 0;
border-spacing: 0;
}
body > table { margin: 28px 29px 34px 35px; }
body { background: white; color: black; }
div { background: olive; color: black; }
</style>
</head>
<body>
<table><tr><td>
<table><tr><td>
<div>This is some text.</div>
</td></tr></table>
</td></tr></table>
</body>
</html>

27
layout/reftests/table-width/spacing-invariance-quirks-pref.html Normal file
View File

@ -0,0 +1,27 @@
<html>
<head>
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
<style type="text/css">
html, body { margin: 0 } /* no collapsing */
table, td {
margin: 0;
}
* { border-color: white; /* hidden */ }
table, td { border-style: solid; }
body { background: white; color: black; }
div { background: olive; color: black; }
</style>
</head>
<body>
<table cellpadding="3" cellspacing="5" border="2"><tr><td colspan="2" style="border-width: 1px"> <!-- td border currently already 1px -->
<table style="border-spacing: 5px 7px; border-width: 2px 3px 4px 5px"><tr><td colspan="3" style="padding: 4px 5px 6px 7px;border-width: 4px 5px 6px 7px">
<div>This is some text.</div>
</td></tr></table>
</td></tr></table>
</body>
</html>

30
layout/reftests/table-width/spacing-invariance-standards-min-ref.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
<style type="text/css">
html, body { margin: 0 } /* no collapsing */
table, td {
border: none;
margin: 0;
padding: 0;
border-spacing: 0;
}
body > table { margin: 28px 29px 34px 35px; }
body { background: white; color: black; }
div { background: olive; color: black; }
</style>
</head>
<body>
<table width="1"><tr><td>
<table><tr><td>
<div>This is some text.</div>
</td></tr></table>
</td></tr></table>
</body>
</html>

28
layout/reftests/table-width/spacing-invariance-standards-min.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
<style type="text/css">
html, body { margin: 0 } /* no collapsing */
table, td {
margin: 0;
}
* { border-color: white; /* hidden */ }
table, td { border-style: solid; }
body { background: white; color: black; }
div { background: olive; color: black; }
</style>
</head>
<body>
<table width="1" cellpadding="3" cellspacing="5" border="2"><tr><td colspan="2" style="border-width: 1px"> <!-- td border currently already 1px -->
<table style="border-spacing: 5px 7px; border-width: 2px 3px 4px 5px"><tr><td colspan="3" style="padding: 4px 5px 6px 7px;border-width: 4px 5px 6px 7px">
<div>This is some text.</div>
</td></tr></table>
</td></tr></table>
</body>
</html>

30
layout/reftests/table-width/spacing-invariance-standards-pref-ref.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
<style type="text/css">
html, body { margin: 0 } /* no collapsing */
table, td {
border: none;
margin: 0;
padding: 0;
border-spacing: 0;
}
body > table { margin: 28px 29px 34px 35px; }
body { background: white; color: black; }
div { background: olive; color: black; }
</style>
</head>
<body>
<table><tr><td>
<table><tr><td>
<div>This is some text.</div>
</td></tr></table>
</td></tr></table>
</body>
</html>

28
layout/reftests/table-width/spacing-invariance-standards-pref.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
<style type="text/css">
html, body { margin: 0 } /* no collapsing */
table, td {
margin: 0;
}
* { border-color: white; /* hidden */ }
table, td { border-style: solid; }
body { background: white; color: black; }
div { background: olive; color: black; }
</style>
</head>
<body>
<table cellpadding="3" cellspacing="5" border="2"><tr><td colspan="2" style="border-width: 1px"> <!-- td border currently already 1px -->
<table style="border-spacing: 5px 7px; border-width: 2px 3px 4px 5px"><tr><td colspan="3" style="padding: 4px 5px 6px 7px;border-width: 4px 5px 6px 7px">
<div>This is some text.</div>
</td></tr></table>
</td></tr></table>
</body>
</html>