Bug 368504: New reftests (marked failing, until patch lands) plus some new tests to make sure we divvy up a colspan's percent width correctly.

This commit is contained in:
dholbert%cs.stanford.edu 2008-01-10 03:58:34 +00:00
Родитель 4ab02f8d2d
Коммит 611dd19bf5
13 изменённых файлов: 618 добавлений и 2 удалений

Просмотреть файл

@ -0,0 +1,24 @@
<html>
<head><style>
/* cellspacing=0 cellpadding=0 */
table { border-spacing: 0 }
td, th { padding: 0 }
/* Table width */
table { width: 500px; }
/* Cell colors + widths */
td.a { background: lightgreen; width: 100px; }
td.b { background: yellow; width: 60%; }
td.c { background: lightblue; width: 30%; }
</style></head>
<body>
<table>
<tr>
<td class="a">a</td>
<td class="b">b</td>
<td class="c">c</td>
</tr>
</table>
</body>
</html>

Просмотреть файл

@ -0,0 +1,28 @@
<html>
<head><style>
/* cellspacing=0 cellpadding=0 */
table { border-spacing: 0 }
td, th { padding: 0 }
/* Table width */
table { width: 500px; }
/* Cell colors + widths */
td.a { background: lightgreen; width: 100px; }
td.b { background: yellow; width: 60%; }
td.c { background: lightblue; width: 30%; }
td.d { /* invisible */ min-width: 100px; }
</style></head>
<body>
<table>
<tr>
<td class="a">a</td>
<td class="b">b</td>
<td class="c">c</td>
</tr>
<tr>
<td class="d" colspan=3>&nbsp</td>
</tr>
</table>
</body>
</html>

Просмотреть файл

@ -0,0 +1,28 @@
<html>
<head><style>
/* cellspacing=0 cellpadding=0 */
table { border-spacing: 0 }
td, th { padding: 0 }
/* Table width */
table { width: 500px; }
/* Cell colors + widths */
td.a { background: lightgreen; width: 100px; }
td.b { background: yellow; width: 60%; }
td.c { background: lightblue; width: 30%; }
td.d { /* invisible */ min-width: 300px; }
</style></head>
<body>
<table>
<tr>
<td class="a">a</td>
<td class="b">b</td>
<td class="c">c</td>
</tr>
<tr>
<td class="d" colspan=3>&nbsp</td>
</tr>
</table>
</body>
</html>

Просмотреть файл

@ -0,0 +1,100 @@
<html>
<head><style>
/* cellspacing=0 cellpadding=0 */
table { border-spacing: 0 }
td, th { padding: 0 }
/* Colors for the three cell types */
td.a { background: lightgreen; }
td.b { background: yellow; }
td.c { background: blue; }
/* Set table-width, to replace shrinkwrap */
/* and and min-width on colspanning cell */
table { width: 500px; }
/* Set %-width on 2nd cell of first row in tables */
table#t0 td.b { width: 1% }
table#t1 td.b { width: 5% }
table#t2 td.b { width: 10% }
table#t3 td.b { width: 30% }
table#t4 td.b { width: 50% }
table#t5 td.b { width: 75% }
table#t6 td.b { width: 80% }
table#t7 td.b { width: 90% }
table#t8 td.b { width: 95% }
table#t9 td.b { width: 100% }
</style></head>
<body>
<table id="t0"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t1"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t2"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t3"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t4"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t5"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t6"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t7"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t8"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t9"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
</body>
</html>

Просмотреть файл

@ -0,0 +1,122 @@
<html>
<head><style>
/* cellspacing=0 cellpadding=0 */
table { border-spacing: 0 }
td, th { padding: 0 }
/* Colors for the three cell types */
td.a { background: lightgreen; }
td.b { background: yellow; }
td.c { background: blue; }
/* Shrink-wrapping div */
div.shrinkwrap { width: 1px; }
/* Set min-width on colspanning cell */
td.c { min-width: 500px; }
/* Set %-width on 2nd cell of first row in tables */
table#t0 td.b { width: 1% }
table#t1 td.b { width: 5% }
table#t2 td.b { width: 10% }
table#t3 td.b { width: 30% }
table#t4 td.b { width: 50% }
table#t5 td.b { width: 75% }
table#t6 td.b { width: 80% }
table#t7 td.b { width: 90% }
table#t8 td.b { width: 95% }
table#t9 td.b { width: 100% }
</style></head>
<body>
<div class="shrinkwrap">
<table id="t0"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t1"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t2"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t3"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t4"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t5"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t6"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t7"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t8"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t9"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,100 @@
<html>
<head><style>
/* cellspacing=0 cellpadding=0 */
table { border-spacing: 0 }
td, th { padding: 0 }
/* Colors for the three cell types */
td.a { background: lightgreen; }
td.b { background: yellow; }
td.c { background: blue; }
/* Set min-width on table (replacing min-width */
/* on colspanning cell) */
table { min-width: 200px; }
/* Set %-width on 2nd cell of first row in tables */
table#t0 td.b { width: 1% }
table#t1 td.b { width: 5% }
table#t2 td.b { width: 10% }
table#t3 td.b { width: 30% }
table#t4 td.b { width: 50% }
table#t5 td.b { width: 75% }
table#t6 td.b { width: 80% }
table#t7 td.b { width: 90% }
table#t8 td.b { width: 95% }
table#t9 td.b { width: 100% }
</style></head>
<body>
<table id="t0"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t1"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t2"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t3"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t4"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t5"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t6"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t7"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t8"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
<table id="t9"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c">&nbsp</td><td class="c">&nbsp</td>
</tr></table>
</body>
</html>

Просмотреть файл

@ -0,0 +1,99 @@
<html>
<head><style>
/* cellspacing=0 cellpadding=0 */
table { border-spacing: 0 }
td, th { padding: 0 }
/* Colors for the three cell types */
td.a { background: lightgreen; }
td.b { background: yellow; }
td.c { background: blue; }
/* Set min-width on colspanning cell */
td.c { min-width: 200px; }
/* Set %-width on 2nd cell of first row in tables */
table#t0 td.b { width: 1% }
table#t1 td.b { width: 5% }
table#t2 td.b { width: 10% }
table#t3 td.b { width: 30% }
table#t4 td.b { width: 50% }
table#t5 td.b { width: 75% }
table#t6 td.b { width: 80% }
table#t7 td.b { width: 90% }
table#t8 td.b { width: 95% }
table#t9 td.b { width: 100% }
</style></head>
<body>
<table id="t0"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
<table id="t1"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
<table id="t2"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
<table id="t3"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
<table id="t4"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
<table id="t5"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
<table id="t6"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
<table id="t7"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
<table id="t8"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
<table id="t9"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2">&nbsp</td>
</tr></table>
</body>
</html>

Просмотреть файл

@ -383,8 +383,12 @@ random-if(MOZ_WIDGET_TOOLKIT=="gtk2") == 368020-5.html 368020-5-ref.html # bug 3
# is too exact
# == 368247-1.html 368247-1-ref.html
== 368247-2.html 368247-2-ref.html
fails == 368504-1.html 368504-1-ref.html # bug 368504
fails == 368504-2.html 368504-2-ref.html # bug 368504
fails == 368504-1.html 368504-1-ref.html
fails == 368504-2.html 368504-2-ref.html
fails == 368504-3a.html 368504-3-ref.html
fails == 368504-3b.html 368504-3-ref.html
fails == 368504-4.html 368504-4-ref.html
fails == 368504-5.html 368504-5-ref.html
== 368622-1.html 368622-1-ref.html
== 368622-1.html 368622-1-ref.html
== 368651-1.html 368651-1-ref.html

Просмотреть файл

@ -0,0 +1,25 @@
<html>
<head>
<style type="text/css">
table { width: 200px; }
td { border: 1px solid black; }
td.a { background: lightgreen; }
td.b { background: orange; }
/* cellspacing=0 cellpadding=0 */
table { border-spacing: 0 }
td, th { padding: 0 }
</style>
</head>
<body>
<table>
<tr>
<td class="a" width="100%">x</td>
<td class="b">x</td>
</tr>
<tr>
<td/><td/>
</tr>
</table>
</body>
</html>

Просмотреть файл

@ -0,0 +1,25 @@
<html>
<head>
<style type="text/css">
table { width: 200px; }
td { border: 1px solid black; }
td.a { background: lightgreen; }
td.b { background: orange; }
/* cellspacing=0 cellpadding=0 */
table { border-spacing: 0 }
td, th { padding: 0 }
</style>
</head>
<body>
<table>
<tr>
<td class="a" colspan="2" width="100%">x</td>
<td class="b">x</td>
</tr>
<tr>
<td/><td/><td/>
</tr>
</table>
</body>
</html>

Просмотреть файл

@ -0,0 +1,30 @@
<html>
<head>
<style type="text/css">
table { width: 200px; }
td.a { background: lightgreen; }
td.b { background: orange; }
td.c { background: yellow; }
td.d { background: lightblue; }
td.e { background: teal; }
/* cellspacing=0 cellpadding=0 */
table { border-spacing: 0 }
td, th { padding: 0 }
</style>
</head>
<body>
<table>
<tr>
<td class="a" style="width: 50%;">x</td>
<td class="a" style="width: 50%;">&nbsp</td>
<td class="b">x</td>
</tr>
<tr>
<td class="c">x</td>
<td class="d">x</td>
<td class="e">x</td>
</tr>
</table>
</body>
</html>

Просмотреть файл

@ -0,0 +1,29 @@
<html>
<head>
<style type="text/css">
table { width: 200px; }
td.a { background: lightgreen; }
td.b { background: orange; }
td.c { background: yellow; }
td.d { background: lightblue; }
td.e { background: teal; }
/* cellspacing=0 cellpadding=0 */
table { border-spacing: 0 }
td, th { padding: 0 }
</style>
</head>
<body>
<table>
<tr>
<td class="a" colspan="2" style="width: 100%;">x</td>
<td class="b">x</td>
</tr>
<tr>
<td class="c">x</td>
<td class="d">x</td>
<td class="e">x</td>
</tr>
</table>
</body>
</html>

Просмотреть файл

@ -44,3 +44,5 @@
== default-box-sizing-separate-quirks.html default-box-sizing-separate-quirks-ref.html
fails == default-box-sizing-collapse-standards.html default-box-sizing-collapse-standards-ref.html # bug 155955, bug 371180
fails == default-box-sizing-collapse-quirks.html default-box-sizing-collapse-quirks-ref.html # bug 371180
== colspan-percent-distribution-1.html colspan-percent-distribution-1-ref.html
== colspan-percent-distribution-2.html colspan-percent-distribution-2-ref.html