third_party/WebKit/LayoutTests/fast/repaint/fixed-right-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="height:2000px; width: 2000px; margin:0px;" onload="test();">
  31     <div style="position: fixed; top: -100px; right: 500px; 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:black;"></div>
  36         <div style="left:100px; top:100px; width:100px; height:100px; position:absolute; background:blue;"></div>
  37     </div>
  38     <div style="position: absolute; width:300px; height:300px; top: 0px; left: 300px" id="grid">
  39         <div style="float:left; width:100px; height:100px; background:yellow;"></div>
  40         <div style="float:left; width:100px; height:100px; background:green;"></div>
  41         <div style="float:left; width:100px; height:100px; background:blue;"></div>
  42
  43         <div style="float:left; width:100px; height:100px; background: green;"></div>
  44         <div style="float:left; width:100px; height:100px; background:blue;"></div>
  45         <div style="float:left; width:100px; height:100px; background:yellow;"></div>
  46
  47         <div style="float:left; width:100px; height:100px; background:blue;"></div>
  48         <div style="float:left; width:100px; height:100px; background:yellow;"></div>
  49         <div style="float:left; width:100px; height:100px; background:green;"></div>
  50     </div>
  51     <div id="console"></div>
  52 </body>
  53 </html>