src/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 scaleWithEventSender() {
  17           var scaleFactor = 2.0;
  18           var scaleOffset = 0;
  19           if (window.eventSender)
  20             eventSender.setPageScaleFactor(scaleFactor, scaleOffset, scaleOffset);
  21       }
  22
  23       function test() {
  24           scaleWithEventSender();
  25           scroll();
  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>