third_party/WebKit/LayoutTests/fast/repaint/resources/repaint-with-scrollbar-change.html

   1 <!DOCTYPE html>
   2 <style>
   3 #container {
   4     height: 4000px;
   5     background-color: red;
   6 }
   7 .noScroll {
   8     overflow-y: hidden;
   9 }
  10 #overlay {
  11     bottom: 0;
  12     left: 0;
  13     position: fixed;
  14     right: 0;
  15     top: 0;
  16     background-color: green;
  17 }
  18 .hidden {
  19     display: none;
  20 }
  21 input {
  22     position: fixed;
  23     z-index: 10;
  24     bottom: 0;
  25 }
  26 </style>
  27 <script src="../../../resources/run-after-layout-and-paint.js"></script>
  28 <script src="text-based-repaint.js"></script>
  29 <body>
  30 <div id="container">
  31     <div id="overlay" class="hidden"></div>
  32 </div>
  33 </body>
  34 <script>
  35 function repaintTest() {
  36     var overlay = document.getElementById("overlay");
  37     overlay.classList.toggle('hidden');
  38     document.body.classList.toggle('noScroll');
  39 }
  40
  41 if (window.testRunner)
  42     window.testRunner.waitUntilDone();
  43
  44 window.scrollTo(0, 4000);
  45 runAfterLayoutAndPaint(runRepaintTest);
  46 </script>