Our behavior on these tests is reasonably close to matching Chromium thanks to the combination of patches 1, 3, and 4, and 5.
89 lines
1.7 KiB
HTML
89 lines
1.7 KiB
HTML
<!DOCTYPE HTML>
|
|
<title>Tests for bug 823483</title>
|
|
<style>
|
|
|
|
td:first-child {
|
|
background: aqua;
|
|
border: thin solid;
|
|
padding: 2px 0;
|
|
}
|
|
|
|
td:nth-child(2) {
|
|
width: 100%;
|
|
}
|
|
|
|
img { vertical-align: bottom }
|
|
|
|
</style>
|
|
|
|
|
|
<table><tr>
|
|
<td><img></td>
|
|
<td>unstyled</td>
|
|
</tr></table>
|
|
|
|
<table><tr>
|
|
<td><img style="width: 10px"></td>
|
|
<td>width: 10px</td>
|
|
</tr></table>
|
|
|
|
<table><tr>
|
|
<td><img style="width: 50%"></td>
|
|
<td>width: 50%</td>
|
|
</tr></table>
|
|
|
|
<table><tr>
|
|
<td><img style="min-width: 50%"></td>
|
|
<td>min-width: 50%</td>
|
|
</tr></table>
|
|
|
|
<table><tr>
|
|
<td><img style="max-width: 50%"></td>
|
|
<td>max-width: 50%</td>
|
|
</tr></table>
|
|
|
|
<table><tr>
|
|
<td><img style="width: 10px; max-width: 50%"></td>
|
|
<td>width: 10px; max-width: 50%</td>
|
|
</tr></table>
|
|
|
|
<table><tr>
|
|
<td><img style="width: 10px; min-width: 50%"></td>
|
|
<td>width: 10px; min-width: 50%</td>
|
|
</tr></table>
|
|
|
|
<table><tr>
|
|
<td><img style="width: 150%"></td>
|
|
<td>width: 150%</td>
|
|
</tr></table>
|
|
|
|
<table><tr>
|
|
<td><img style="min-width: 150%"></td>
|
|
<td>min-width: 150%</td>
|
|
</tr></table>
|
|
|
|
<table><tr>
|
|
<td><img style="max-width: 150%"></td>
|
|
<td>max-width: 150%</td>
|
|
</tr></table>
|
|
|
|
<table><tr>
|
|
<td><img style="width: 10px; max-width: 150%"></td>
|
|
<td>width: 10px; max-width: 150%</td>
|
|
</tr></table>
|
|
|
|
<table><tr>
|
|
<td><img style="width: 10px; min-width: 150%"></td>
|
|
<td>width: 10px; min-width: 150%</td>
|
|
</tr></table>
|
|
|
|
<script>
|
|
|
|
var images = document.getElementsByTagName("img");
|
|
for (var i = 0; i < images.length; ++i) {
|
|
var image = images[i];
|
|
image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII=";
|
|
}
|
|
|
|
</script>
|