src/third_party/WebKit/LayoutTests/compositing/geometry/fixed-position-composited-page-scale-smaller-than-viewport.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5   body {
   6     width: 1000px;
   7     height: 800px;
   8   }
   9   .reference {
  10     position: absolute;
  11     left: 51px;
  12     top: 51px;
  13     width: 98px;
  14     height: 98px;
  15     background-color: blue;
  16   }
  17   .fixed {
  18     position: fixed;
  19     left: 50px;
  20     top: 50px;
  21     width: 100px;
  22     height: 100px;
  23     background-color: white;
  24   }
  25 </style>
  26 <script>
  27   if (window.internals && window.eventSender) {
  28     window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true);
  29     window.internals.settings.setFixedPositionCreatesStackingContext(true);
  30     window.eventSender.setPageScaleFactor(0.5, 0, 0);
  31   }
  32 </script>
  33 </head>
  34 <body>
  35   On success, the blue reference box should be invisible (covered by the fixed box).
  36   <div class="reference"></div>
  37   <div class="fixed"></div>
  38 </body>
  39 </html>