third_party/WebKit/LayoutTests/fast/scrolling/overflow-clip-with-page-scale.html

   1 <!DOCTYPE html>
   2 <!--
   3 This test verifies that content is visible when the viewport is larger than the initial containing block.
   4 -->
   5 <script>
   6 internals.settings.setViewportEnabled(true);
   7 internals.settings.setViewportMetaEnabled(true);
   8 </script>
   9 <script src="../../resources/run-after-layout-and-paint.js"></script>
  10 <style>
  11 ::-webkit-scrollbar {
  12     width: 0px;
  13     height: 0px;
  14 }
  15 body {
  16   width: 1000px;
  17   height: 1000px;
  18   margin: 0;
  19 }
  20 .box {
  21   position: absolute;
  22   left: 800px;
  23   top: 600px;
  24   width: 100px;
  25   height: 100px;
  26   background-color: #8f8;
  27 }
  28 </style>
  29 <meta name="viewport" content="width=800, minimum-scale=0.8, initial-scale=1, maximum-scale=1.25">
  30 <div class="box"></div>
  31 <script>
  32 if (window.testRunner) {
  33   testRunner.dumpAsTextWithPixelResults();
  34   testRunner.waitUntilDone();
  35 }
  36 runAfterLayoutAndPaint(function() {
  37   internals.setPageScaleFactor(0.8);
  38   if (window.testRunner)
  39     testRunner.notifyDone();
  40 });
  41 </script>