blob: b7fe7afefad27c141d7d7c820df0140f5ae3183a [file] [log] [blame]
<html>
<head>
<script src="../repaint/resources/text-based-repaint.js"></script>
</head>
<body style="background: url(resources/grid-large.png) no-repeat; background-size: 55px 55px;">
<div id="mask" style="position: absolute; top: -100px; left: -100px;
background-color: blue; width: 18.33px; height: 18.33px;"></div>
<script>
var pos = [
// First row.
[0, 0],
[0, 18.33],
[0, 36.67],
// Second row.
[18.33, -9.17],
[18.33, 9.17],
[18.33, 27.5],
[18.33, 45.83],
// Third row.
[36.67, 0],
[36.67, 18.33],
[36.67, 36.67],
// Disappear.
[-100, -100],
];
var currentPos = 0;
function repaintTest()
{
if (currentPos >= pos.length)
return;
var mask = document.getElementById("mask");
mask.style.top = pos[currentPos][0];
mask.style.left = pos[currentPos][1];
++currentPos;
// Force a style recalc.
if (internals)
internals.updateLayoutIgnorePendingStylesheetsAndRunPostLayoutTasks();
if (window.testRunner)
repaintTest();
else
setTimeout("repaintTest();", 1000);
}
onload = runRepaintTest;
</script>
</body>
</html>