59 lines
1.5 KiB
HTML
59 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script type="text/javascript">
|
|
var completed = 0, failures = 0, failuresDetail = "";
|
|
if (window.testRunner) {
|
|
testRunner.dumpAsText();
|
|
testRunner.waitUntilDone();
|
|
}
|
|
function printResult() {
|
|
document.getElementById("result").innerText = failures ? "FAIL: " + failures + " cases failed\n" + failuresDetail : "PASS";
|
|
if (window.testRunner)
|
|
testRunner.notifyDone();
|
|
}
|
|
function imageCheckForMax(image) {
|
|
if (image.src.match("greenbox.png") != null)
|
|
image.src = "resources/greenbox-100px.png";
|
|
else {
|
|
++completed;
|
|
if (image.width != 100) {
|
|
++failures;
|
|
failuresDetail += image.id + ": " + image.width + " (expected: " + 100 + ")\n";
|
|
}
|
|
if (completed == 4)
|
|
printResult();
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="result"></div>
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<img id="percentWidthInTable" style="width:100%;" src="resources/greenbox.png" onload="imageCheckForMax(this)">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<img id="percentMaxWidthInTable" style="max-width:100%;" src="resources/greenbox.png" onload="imageCheckForMax(this)">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div style="position:absolute;top:110px;left:110px">
|
|
<img id="percentWidthInAbsolute" style="width:100%;" src="resources/greenbox.png" onload="imageCheckForMax(this)">
|
|
</div>
|
|
<div style="position:absolute;top:220px;left:110px">
|
|
<img id="percentMaxWidthInAbsolute" style="max-width:100%;" src="resources/greenbox.png" onload="imageCheckForMax(this)">
|
|
</div>
|
|
</body>
|
|
</html>
|