blob: c02306e9c9c0e58785f0a473ef9680240fcd4c4b [file] [log] [blame]
<style>
.box {
width: 300px;
height: 300px;
background-color: red;
background-position: 50px 50px;
background-size: 50px 50px;
background-repeat: repeat;
}
</style>
<body>
<h1>This test ensures drawPattern() decodes a new image frame when new encoded data is received.</h1>
<div class="box"></div>
<script>
// The maximum buffering interval for ImageResource is 500ms. Choose stallFor
// such that the image buffering is disabled in the network process.
function slowLargeImageSourceURL() {
return "http://127.0.0.1:8000/resources/load-and-stall.py"
+ "?name=../../../fast/images/resources/green-400x400.png"
+ "&mimeType=image%2Fpng"
+ "&stallAt=512"
+ "&stallFor=0.6"
+ "&stallRepeat=True";
}
if (window.testRunner)
testRunner.waitUntilDone();
var image = new Image;
var box = document.querySelector(".box");
image.src = slowLargeImageSourceURL();
// Disable the CachedImage buffering as well. This has to happen after setting
// the src to make sure the Image element has created its CachedImage
if (window.internals)
internals.setForceUpdateImageDataEnabledForTesting(image, true);
box.style.backgroundImage = "url(" + image.src + ")";
var interval = setInterval(function() {
if (image.complete) {
clearInterval(interval);
testRunner.notifyDone();
}
else if (window.testRunner) {
// Force layout and drawing eveny 100ms.
document.body.offsetHeight;
testRunner.display();
}
}, 100);
</script>
</body>