4 <link rel="stylesheet" href="resources/default.css"></style>
5 <script src="../../resources/run-after-display.js"></script>
6 <script src="resources/text-based-repaint.js" type="text/javascript"></script>
7 <script type="text/javascript">
8 if (window.testRunner) {
9 testRunner.waitUntilDone();
10 testRunner.dumpAsTextWithPixelResults();
13 window.onload = function()
15 window.scrollTo(1000, 1000);
16 runAfterDisplay(function() {
18 if (window.testRunner)
19 testRunner.notifyDone();
23 function repaintTest()
25 var moveMeElement = document.getElementById('moveMe');
26 moveMeElement.style.visibility = "visible";
27 moveMeElement.scrollTop = 100;
28 moveMeElement.scrollLeft = 150;
32 <body style="height:2000px;">
33 <!-- You should see 1 green rectangle in the output and no red. -->
34 <div id="moveMe" style="top: 150px; left: 100px; visibility: hidden" class="fixed clipped"><div class="absolute green" style="top: 100px; left: 150px;"></div></div>
35 <!-- Make sure we are scrolled -->
36 <div style="top: 0px; left: 0px;" class="absolute red"></div>