third_party/WebKit/LayoutTests/fast/repaint/fixed-in-page-scale.html

   1 <html>
   2 <head>
   3     <style>
   4         ::-webkit-scrollbar {
   5             width: 0px;
   6             height: 0px;
   7         }
   8     </style>
   9     <script>
  10       window.enablePixelTesting = true;
  11
  12       function scroll() {
  13           window.scrollTo(100,100);
  14       }
  15
  16       function applyScaleFactor() {
  17           var scaleFactor = 2.0;
  18           if (window.internals)
  19             internals.setPageScaleFactor(scaleFactor);
  20       }
  21
  22       function test() {
  23           // Scroll before applying page scale so we scroll the layout viewport.
  24           scroll();
  25           applyScaleFactor();
  26       }
  27     </script>
  28     <script src="../../resources/js-test.js"></script>
  29 </head>
  30 <body style="width:2000px; height:2000px; margin:0px;" onload="test();">
  31     <div style="position: fixed; top: -100px; left: -100px; z-index: 1">
  32         <div style="left:0; top:0; width:100px; height:100px; position:absolute; background:yellow;"></div>
  33         <div style="left:100px; top:0; width:100px; height:100px; position:absolute; background:green;"></div>
  34
  35         <div style="left:0; top:100px; width:100px; height:100px; position:absolute; background:green;"></div>
  36         <div style="left:100px; top:100px; width:100px; height:100px; position:absolute; background:black;"></div>
  37     </div>
  38
  39     <div style="left:0; top:0; width:100px; height:100px; position:absolute; background:yellow;"></div>
  40     <div style="left:100px; top:0; width:100px; height:100px; position:absolute; background:green;"></div>
  41     <div style="left:200px; top:0; width:100px; height:100px; position:absolute; background:blue;"></div>
  42
  43     <div style="left:0; top:100px; width:100px; height:100px; position:absolute; background: green;"></div>
  44     <div style="left:100px; top:100px; width:100px; height:100px; position:absolute; background:blue;"></div>
  45     <div style="left:200px; top:100px; width:100px; height:100px; position:absolute; background:yellow;"></div>
  46
  47     <div style="left:0; top:200px; width:100px; height:100px; position:absolute; background:blue;"></div>
  48     <div style="left:100px; top:200px; width:100px; height:100px; position:absolute; background:yellow;"></div>
  49     <div style="left:200px; top:200px; width:100px; height:100px; position:absolute; background:green;"></div>
  50 </body>
  51 </html>