Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / repaint / scroll-fixed-layer-with-reflection.html
blob4d23879592a8567672d7ff4e12327a7dfcc3a105
1 <html>
2 <head>
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">
6 if (window.testRunner)
7 testRunner.dumpAsTextWithPixelResults();
9 window.onload = function() {
10 window.scrollTo(100, 180);
11 runRepaintTest();
14 function repaintTest()
16 var moveMeElement = document.getElementById('moveMe');
17 moveMeElement.scrollTop = 250;
18 moveMeElement.scrollLeft = 150;
20 </script>
21 </head>
22 <body style="height:2000px;">
23 <!-- You should see 1 green rectangle rotated in the output and no red. -->
24 <div id="moveMe" style="top: 100px; left: 250px;" class="fixed clipped">
25 <div class="absolute green reflected" style="height: 50px; top: 150px; left: 150px;"></div>
26 <div class="absolute red" style="top: 0px; left: 0px; height: 250px; width: 150px;"></div>
27 </div>
28 <!-- Make sure we are scrolled -->
29 <div style="top: 0px; left: 0px;" class="absolute red"></div>
30 </body>
31 </html>