<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
background: silver;
zoom: 1.25;
}
iframe {
position: absolute;
top: 50px;
width: 200px;
height: 200px;
overflow: auto;
}
</style>
<script src="../resources/text-based-repaint.js"></script>
</head>
<body onload="runRepaintAndPixelTest()">
<iframe src="about:blank"></iframe>
<script>
var frame = window.frames[0];
var doc = frame.document;
doc.body.style.backgroundColor = 'white';
doc.body.style.width = '2000px';
doc.body.style.height = '2000px';
doc.body.appendChild(doc.createTextNode('scroll me'));
frame.scrollBy(100, 100);
</script>
<script>
window.testIsAsync = true;
function repaintTest()
{
frame.onscroll = function() {
finishRepaintTest();
};
frame.scrollBy(-90, -90);
}
</script>
</body>
</html>