blob: 1c0a9a23e6a42e0ad6068dff04c8dd29db3e76c9 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
td {
border: 1px solid #f90; padding: 0px;
}
#text-bottom {
vertical-align:text-bottom;
}
#text-top {
vertical-align:text-top;
}
</style>
<script>
function loadAndStall()
{
return "http://127.0.0.1:8000/resources/load-and-stall.php";
}
function pngImage()
{
return "?name=../../../fast/css/resources/bikes.bmp&mimeType=image%bmp";
}
function runTest()
{
var images = document.querySelectorAll("img");
for (var i = 0, len = images.length; i < len; i++) {
var image = images[i];
image.src = loadAndStall() + pngImage() + "&stallAt=0&stallFor=0";
}
}
</script>
</head>
<body>
<p> https://bugs.webkit.org/show_bug.cgi?id=108357: There should be no space between the top of the image and the orange border.</p>
<table>
<tbody>
<tr>
<td id="text-bottom"><img></td><td id="text-bottom"><video autoplay></video></td>
</tr>
<tr>
<td id="text-top"><img></td><td id="text-top"><video autoplay></video></td>
</tr>
</tbody>
<script>runTest();</script>
</table>
</body>
</html>