Tweak tests that could fail if antialiased text sticks a little bit out of its bounding box. b=372072

This commit is contained in:
dbaron%dbaron.org 2007-02-28 23:46:16 +00:00
Родитель c32e37b8a8
Коммит 1a465d49c3
14 изменённых файлов: 116 добавлений и 116 удалений

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

@ -10,7 +10,7 @@ div#after > span { display: inline; vertical-align: top; background: green; colo
</style>
</head>
<body>
<div id="test"><span>X</span></div>
<div id="after"><span>X</span></div>
<div id="test"><span>&nbsp;x&nbsp;</span></div>
<div id="after"><span>&nbsp;x&nbsp;</span></div>
</body>
</html>

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

@ -9,7 +9,7 @@ div#before > span { display: inline; vertical-align: top; background: red; color
</style>
</head>
<body>
<div id="before"><span>X</span></div>
<div id="test"><span>X</span></div>
<div id="before"><span>&nbsp;x&nbsp;</span></div>
<div id="test"><span>&nbsp;x&nbsp;</span></div>
</body>
</html>

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

@ -10,7 +10,7 @@ div#before > span { display: inline; vertical-align: top; background: red; color
</style>
</head>
<body>
<div id="before"><span>X</span></div>
<div id="test"><span><span>X</span></span></div>
<div id="before"><span>&nbsp;x&nbsp;</span></div>
<div id="test"><span><span>&nbsp;x&nbsp;</span></span></div>
</body>
</html>

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

@ -7,6 +7,6 @@ span { display: inline-table; vertical-align: top; background: green; color: gre
</style>
</head>
<body>
<div><span>X</span></div>
<div><span>&nbsp;x&nbsp;</span></div>
</body>
</html>

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

@ -7,6 +7,6 @@ span { vertical-align: top; background: green; color: green; border-bottom: 0.25
</style>
</head>
<body>
<div><span>X</span></div>
<div><span>&nbsp;x&nbsp;</span></div>
</body>
</html>

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

@ -10,7 +10,7 @@ div#after span { display: inline; vertical-align: top; background: green; color:
</style>
</head>
<body>
<div id="test"><span>X</span></div>
<div id="after"><span>X</span></div>
<div id="test"><span>&nbsp;x&nbsp;</span></div>
<div id="after"><span>&nbsp;x&nbsp;</span></div>
</body>
</html>

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

@ -9,7 +9,7 @@ div#before span { display: inline; vertical-align: top; background: red; color:
</style>
</head>
<body>
<div id="before"><span>X</span></div>
<div id="test"><span>X</span></div>
<div id="before"><span>&nbsp;x&nbsp;</span></div>
<div id="test"><span>&nbsp;x&nbsp;</span></div>
</body>
</html>

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

@ -10,7 +10,7 @@ div#before > span { display: inline; vertical-align: top; background: red; color
</style>
</head>
<body>
<div id="before"><span>X</span></div>
<div id="test"><span><span>X</span></span></div>
<div id="before"><span>&nbsp;x&nbsp;</span></div>
<div id="test"><span><span>&nbsp;x&nbsp;</span></span></div>
</body>
</html>

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

@ -7,6 +7,6 @@ span { display: inline-block; vertical-align: top; background: green; color: gre
</style>
</head>
<body>
<div><span>X</span></div>
<div><span>&nbsp;x&nbsp;</span></div>
</body>
</html>

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

@ -7,6 +7,6 @@ span { vertical-align: top; background: green; color: green; border-bottom: 0.25
</style>
</head>
<body>
<div><span>X</span></div>
<div><span>&nbsp;x&nbsp;</span></div>
</body>
</html>

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

@ -40,59 +40,59 @@ body { width: 900px; }
-->
<!-- width: 200px --><table><tr>
<td style="color:aqua" width="50">x</td>
<td style="color:yellow" width="50">x</td>
<td style="color:fuchsia" width="50">x</td>
<td style="color:blue" width="50">x</td>
<td style="color:aqua" width="50">&nbsp;</td>
<td style="color:yellow" width="50">&nbsp;</td>
<td style="color:fuchsia" width="50">&nbsp;</td>
<td style="color:blue" width="50">&nbsp;</td>
</tr></table>
<!-- width: 250px --><table><tr>
<td style="color:aqua" width="50">x</td>
<td style="color:yellow" width="50">x</td>
<td style="color:fuchsia" width="50">x</td>
<td style="color:blue" width="100">x</td>
<td style="color:aqua" width="50">&nbsp;</td>
<td style="color:yellow" width="50">&nbsp;</td>
<td style="color:fuchsia" width="50">&nbsp;</td>
<td style="color:blue" width="100">&nbsp;</td>
</tr></table>
<!-- width: 300px --><table><tr>
<td style="color:aqua" width="50">x</td>
<td style="color:yellow" width="50">x</td>
<td style="color:fuchsia" width="50">x</td>
<td style="color:blue" width="150">x</td>
<td style="color:aqua" width="50">&nbsp;</td>
<td style="color:yellow" width="50">&nbsp;</td>
<td style="color:fuchsia" width="50">&nbsp;</td>
<td style="color:blue" width="150">&nbsp;</td>
</tr></table>
<!-- width: 350px --><table><tr>
<td style="color:aqua" width="50">x</td>
<td style="color:yellow" width="50">x</td>
<td style="color:fuchsia" width="75">x</td>
<td style="color:blue" width="175">x</td>
<td style="color:aqua" width="50">&nbsp;</td>
<td style="color:yellow" width="50">&nbsp;</td>
<td style="color:fuchsia" width="75">&nbsp;</td>
<td style="color:blue" width="175">&nbsp;</td>
</tr></table>
<!-- width: 400px --><table><tr>
<td style="color:aqua" width="50">x</td>
<td style="color:yellow" width="50">x</td>
<td style="color:fuchsia" width="100">x</td>
<td style="color:blue" width="200">x</td>
<td style="color:aqua" width="50">&nbsp;</td>
<td style="color:yellow" width="50">&nbsp;</td>
<td style="color:fuchsia" width="100">&nbsp;</td>
<td style="color:blue" width="200">&nbsp;</td>
</tr></table>
<!-- width: 500px --><table><tr>
<td style="color:aqua" width="100">x</td>
<td style="color:yellow" width="50">x</td>
<td style="color:fuchsia" width="100">x</td>
<td style="color:blue" width="250">x</td>
<td style="color:aqua" width="100">&nbsp;</td>
<td style="color:yellow" width="50">&nbsp;</td>
<td style="color:fuchsia" width="100">&nbsp;</td>
<td style="color:blue" width="250">&nbsp;</td>
</tr></table>
<!-- width: 600px --><table><tr>
<td style="color:aqua" width="150">x</td>
<td style="color:yellow" width="50">x</td>
<td style="color:fuchsia" width="100">x</td>
<td style="color:blue" width="300">x</td>
<td style="color:aqua" width="150">&nbsp;</td>
<td style="color:yellow" width="50">&nbsp;</td>
<td style="color:fuchsia" width="100">&nbsp;</td>
<td style="color:blue" width="300">&nbsp;</td>
</tr></table>
<!-- width: 800px --><table><tr>
<td style="color:aqua" width="225">x</td>
<td style="color:yellow" width="75">x</td>
<td style="color:fuchsia" width="100">x</td>
<td style="color:blue" width="400">x</td>
<td style="color:aqua" width="225">&nbsp;</td>
<td style="color:yellow" width="75">&nbsp;</td>
<td style="color:fuchsia" width="100">&nbsp;</td>
<td style="color:blue" width="400">&nbsp;</td>
</tr></table>
</body>

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

@ -45,59 +45,59 @@ span {
-->
<div style="width: 100px"><table><tr>
<td style="color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
<td style="color:yellow"><span>x</span></td>
<td style="color:fuchsia" width="100"><span>x</span></td>
<td style="color:blue" width="50%"><span>x</span></td>
<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
<td style="color:yellow"><span></span></td>
<td style="color:fuchsia" width="100"><span></span></td>
<td style="color:blue" width="50%"><span></span></td>
</tr></table></div>
<div style="width: 265px"><table><tr>
<td style="color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
<td style="color:yellow"><span>x</span></td>
<td style="color:fuchsia" width="100"><span>x</span></td>
<td style="color:blue" width="50%"><span>x</span></td>
<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
<td style="color:yellow"><span></span></td>
<td style="color:fuchsia" width="100"><span></span></td>
<td style="color:blue" width="50%"><span></span></td>
</tr></table></div>
<div style="width: 315px"><table><tr>
<td style="color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
<td style="color:yellow"><span>x</span></td>
<td style="color:fuchsia" width="100"><span>x</span></td>
<td style="color:blue" width="50%"><span>x</span></td>
<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
<td style="color:yellow"><span></span></td>
<td style="color:fuchsia" width="100"><span></span></td>
<td style="color:blue" width="50%"><span></span></td>
</tr></table></div>
<div style="width: 365px"><table><tr>
<td style="color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
<td style="color:yellow"><span>x</span></td>
<td style="color:fuchsia" width="100"><span>x</span></td>
<td style="color:blue" width="50%"><span>x</span></td>
<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
<td style="color:yellow"><span></span></td>
<td style="color:fuchsia" width="100"><span></span></td>
<td style="color:blue" width="50%"><span></span></td>
</tr></table></div>
<div style="width: 415px"><table><tr>
<td style="color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
<td style="color:yellow"><span>x</span></td>
<td style="color:fuchsia" width="100"><span>x</span></td>
<td style="color:blue" width="50%"><span>x</span></td>
<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
<td style="color:yellow"><span></span></td>
<td style="color:fuchsia" width="100"><span></span></td>
<td style="color:blue" width="50%"><span></span></td>
</tr></table></div>
<div style="width: 515px"><table><tr>
<td style="color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
<td style="color:yellow"><span>x</span></td>
<td style="color:fuchsia" width="100"><span>x</span></td>
<td style="color:blue" width="50%"><span>x</span></td>
<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
<td style="color:yellow"><span></span></td>
<td style="color:fuchsia" width="100"><span></span></td>
<td style="color:blue" width="50%"><span></span></td>
</tr></table></div>
<div style="width: 700px"><table><tr>
<td style="color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
<td style="color:yellow"><span>x</span></td>
<td style="color:fuchsia" width="100"><span>x</span></td>
<td style="color:blue" width="50%"><span>x</span></td>
<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
<td style="color:yellow"><span></span></td>
<td style="color:fuchsia" width="100"><span></span></td>
<td style="color:blue" width="50%"><span></span></td>
</tr></table></div>
<table width="815"><tr>
<td style="color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
<td style="color:yellow"><span>x</span></td>
<td style="color:fuchsia" width="100"><span>x</span></td>
<td style="color:blue" width="50%"><span>x</span></td>
<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
<td style="color:yellow"><span></span></td>
<td style="color:fuchsia" width="100"><span></span></td>
<td style="color:blue" width="50%"><span></span></td>
</tr></table>
</body>

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

@ -20,42 +20,42 @@ td { background: black; background: currentColor; }
<body>
<!-- width: 300px --><table><tr>
<td style="color:aqua" width="75">x</td>
<td style="color:yellow" width="25">x</td>
<td style="color:aqua" width="75">&nbsp;</td>
<td style="color:yellow" width="25">&nbsp;</td>
<td style="color:red" width="0"></td>
<td style="color:fuchsia" width="50">x</td>
<td style="color:blue" width="150">x</td>
<td style="color:fuchsia" width="50">&nbsp;</td>
<td style="color:blue" width="150">&nbsp;</td>
</tr></table>
<!-- width: 500px --><table><tr>
<td style="color:aqua" width="150">x</td>
<td style="color:yellow" width="50">x</td>
<td style="color:aqua" width="150">&nbsp;</td>
<td style="color:yellow" width="50">&nbsp;</td>
<td style="color:red" width="0"></td>
<td style="color:fuchsia" width="50">x</td>
<td style="color:blue" width="250">x</td>
<td style="color:fuchsia" width="50">&nbsp;</td>
<td style="color:blue" width="250">&nbsp;</td>
</tr></table>
<!-- width: 420px --><table><tr>
<td style="color:aqua" width="105">x</td>
<td style="color:yellow" width="35">x</td>
<td style="color:aqua" width="105">&nbsp;</td>
<td style="color:yellow" width="35">&nbsp;</td>
<td style="color:red" width="0"></td>
<td style="color:fuchsia" width="70">x</td>
<td style="color:blue" width="210">x</td>
<td style="color:fuchsia" width="70">&nbsp;</td>
<td style="color:blue" width="210">&nbsp;</td>
</tr></table>
<!-- width: 400px --><table><tr>
<td style="color:aqua" width="50">x</td>
<td style="color:yellow" width="50">x</td>
<td style="color:aqua" width="50">&nbsp;</td>
<td style="color:yellow" width="50">&nbsp;</td>
<td style="color:red" width="0"></td>
<td style="color:fuchsia" width="50">x</td>
<td style="color:blue" width="250">x</td>
<td style="color:fuchsia" width="50">&nbsp;</td>
<td style="color:blue" width="250">&nbsp;</td>
</tr></table>
<!-- width: 400px --><table><tr>
<td style="color:aqua" width="100">x</td>
<td style="color:yellow" width="100">x</td>
<td style="color:fuchsia" width="100">x</td>
<td style="color:blue" width="100">x</td>
<td style="color:aqua" width="100">&nbsp;</td>
<td style="color:yellow" width="100">&nbsp;</td>
<td style="color:fuchsia" width="100">&nbsp;</td>
<td style="color:blue" width="100">&nbsp;</td>
</tr></table>
</body>

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

@ -42,35 +42,35 @@ span {
-->
<table><tr>
<td style="color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
<td style="color:yellow"><span>x</span></td>
<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
<td style="color:yellow"><span></span></td>
<td style="color:red"></td>
<td style="color:fuchsia" width="50"><span>x</span></td>
<td style="color:blue" width="50%"><span>x</span></td>
<td style="color:fuchsia" width="50"><span></span></td>
<td style="color:blue" width="50%"><span></span></td>
</tr></table>
<table width="518"><tr>
<td style="color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
<td style="color:yellow"><span>x</span></td>
<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
<td style="color:yellow"><span></span></td>
<td style="color:red"></td>
<td style="color:fuchsia" width="50"><span>x</span></td>
<td style="color:blue" width="50%"><span>x</span></td>
<td style="color:fuchsia" width="50"><span></span></td>
<td style="color:blue" width="50%"><span></span></td>
</tr></table>
<table width="438"><tr>
<td style="color:aqua" width="75"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
<td style="color:yellow" width="25"><span>x</span></td>
<td style="color:aqua" width="75"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
<td style="color:yellow" width="25"><span></span></td>
<td style="color:red"></td>
<td style="color:fuchsia" width="50"><span>x</span></td>
<td style="color:blue" width="50%"><span>x</span></td>
<td style="color:fuchsia" width="50"><span></span></td>
<td style="color:blue" width="50%"><span></span></td>
</tr></table>
<table width="418"><tr>
<td style="color:aqua" width="10%"><span>x</span></td>
<td style="color:yellow" width="10%"><span>x</span></td>
<td style="color:aqua" width="10%"><span></span></td>
<td style="color:yellow" width="10%"><span></span></td>
<td style="color:red"></td>
<td style="color:fuchsia" width="10%"><span>x</span></td>
<td style="color:blue" width="50%"><span>x</span></td>
<td style="color:fuchsia" width="10%"><span></span></td>
<td style="color:blue" width="50%"><span></span></td>
</tr></table>
<table width="415"><tr>