3 <link rel=
"stylesheet" href=
"resources/default.css"></style>
4 <script src=
"resources/text-based-repaint.js" type=
"text/javascript"></script>
5 <script type=
"text/javascript">
7 testRunner
.dumpAsTextWithPixelResults();
9 window
.onload = function() {
10 window
.scrollTo(1000, 1000);
14 function repaintTest()
16 var moveMeElement
= document
.getElementById('moveMe');
17 moveMeElement
.scrollTop
= 100;
18 moveMeElement
.scrollLeft
= 150;
22 <body style=
"height:2000px;">
23 <!-- You should see 1 green rectangle in the output and no red. -->
24 <div id=
"moveMe" style=
"top: 150px; left: 100px;" class=
"fixed clipped">
25 <div class=
"absolute green" style=
"top: 100px; left: 150px;"></div>
26 <div class=
"absolute red" style=
"top:0px; left: 0px;"></div>
28 <!-- Make sure we are scrolled -->
29 <div style=
"top: 0px; left: 0px;" class=
"absolute red"></div>