зеркало из https://github.com/mozilla/pjs.git
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:
Родитель
4ab02f8d2d
Коммит
611dd19bf5
|
@ -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> </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> </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"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t1"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t2"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t3"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t4"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t5"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t6"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t7"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t8"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t9"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t1"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t2"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t3"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t4"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t5"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t6"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t7"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t8"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t9"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c"> </td><td class="c"> </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"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t1"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c" colspan="2"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t2"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c" colspan="2"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t3"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c" colspan="2"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t4"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c" colspan="2"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t5"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c" colspan="2"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t6"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c" colspan="2"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t7"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c" colspan="2"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t8"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c" colspan="2"> </td>
|
||||
</tr></table>
|
||||
|
||||
<table id="t9"><tr>
|
||||
<td class="a">foo</td>
|
||||
<td class="b">foo</td>
|
||||
</tr><tr>
|
||||
<td class="c" colspan="2"> </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%;"> </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
|
||||
|
|
Загрузка…
Ссылка в новой задаче