Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<style>
.spacer { height: 200vh; }
</style>
<script>
function loadFailed() {
parent.ok(false, "Image load should not fail");
}
</script>
<div class="spacer"></div>
<img id="fast" src="file_SlowTallImage.sjs?fast" onerror="loadFailed()">
<div class="spacer"></div>
<img id="slow" src="file_SlowTallImage.sjs?slow" onerror="loadFailed()">
<div class="spacer"></div>
<script>
onload = function() {
setTimeout(function() {
let rect = document.getElementById("slow").getBoundingClientRect();
parent.is(rect.height, 1000, "#slow should take space");
parent.is(rect.top, 0, "#slow should be at the top of the viewport");
parent.SimpleTest.finish();
}, 0);
}
</script>