<!DOCTYPE html>
<script src="/js-test-resources/js-test.js"></script>
<body>
<script>
document.body.innerHTML += '<img id="load" src="http://127.0.0.1:8000/resources/slow-image-dimensions.php?name=square100.png&mimeType=image/png&sleep=100">';
jsTestIsAsync = true;
var img = window.document.getElementById("load");
shouldBe('img.currentSrc', '""');
shouldBe('img.width', '0');
var interval = setInterval(function() {
if (img.width != 0) {
shouldBe('img.currentSrc', '"http://127.0.0.1:8000/resources/slow-image-dimensions.php?name=square100.png&mimeType=image/png&sleep=100"');
shouldBe('img.width', '100');
clearInterval(interval);
img.src = "http://127.0.0.1:8000/resources/slow-image-dimensions.php?name=square200.png&mimeType=image/png&sleep=100";
shouldBe('img.currentSrc', '"http://127.0.0.1:8000/resources/slow-image-dimensions.php?name=square100.png&mimeType=image/png&sleep=100"');
shouldBe('img.width', '100');
var interval2 = setInterval(function() {
if (img.width != 100) {
shouldBe('img.currentSrc', '"http://127.0.0.1:8000/resources/slow-image-dimensions.php?name=square200.png&mimeType=image/png&sleep=100"');
shouldBe('img.width', '200');
clearInterval(interval2);
setTimeout(finishJSTest, 100);
}
}, 10);
}
}, 10);
</script>
</body>