third_party/WebKit/LayoutTests/compositing/iframes/repaint-after-losing-scrollbars.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/run-after-layout-and-paint.js"></script>
   3 <!-- Tests that overflow controls are repainted after compositing is disabled. There should be three green squares and no visible overflow controls -->
   4 <style>
   5 .composited {
   6 transform:translateZ(0);
   7 }
   8
   9 .container {
  10 width: 100px;
  11 height:100px;
  12 position:absolute;
  13 background-color: green;
  14 overflow:auto;
  15 border: 0px;
  16 }
  17
  18 </style>
  19 <body onload="test()">
  20 <iframe id="vertical" class="composited container" src="resources/repaint-after-losing-scrollbars-iframe.html"></iframe>
  21 <iframe id="horizontal" class="composited container" style="left: 150px" src="resources/repaint-after-losing-scrollbars-iframe.html"></iframe>
  22 <iframe id="both" class="composited container" style="left: 300px" src="resources/repaint-after-losing-scrollbars-iframe.html"></iframe>
  23 </body>
  24 <script>
  25 function finishTest() {
  26     document.getElementById("vertical").contentDocument.body.classList.remove("tall"); // topmost iframe loses a vertical scrollbar
  27     document.getElementById("horizontal").contentDocument.body.classList.remove("wide"); // middle iframe loses a horizontal scrollbar
  28     document.getElementById("both").contentDocument.body.classList.remove("wide"); // bottom iframe loses both
  29     document.getElementById("both").contentDocument.body.classList.remove("tall"); // bottom iframe loses both
  30     if (window.testRunner)
  31         testRunner.notifyDone();
  32 }
  33
  34 function test() {
  35     document.getElementById("vertical").contentDocument.body.classList.add("tall"); // topmost iframe starts with a vertical scrollbar
  36     document.getElementById("horizontal").contentDocument.body.classList.add("wide"); // middle iframe starts with a horizontal scrollbar
  37     document.getElementById("both").contentDocument.body.classList.add("wide"); // bottom iframe starts with both
  38     document.getElementById("both").contentDocument.body.classList.add("tall"); // vertical and horizontal scrollbars
  39     if (window.testRunner) {
  40         testRunner.dumpAsTextWithPixelResults();
  41         testRunner.waitUntilDone();
  42     }
  43     runAfterLayoutAndPaint(finishTest);
  44 }
  45 </script>