third_party/WebKit/LayoutTests/fast/repaint/vertical-overflow-same.html

   1 <!DOCTYPE html>
   2 <html><head>
   3     <style>
   4         .container {
   5             margin: 20px;
   6             width: 300px;
   7             height: 200px;
   8             border: 1px solid black;
   9             overflow: scroll;
  10         }
  11         .vertical-rl {
  12             -webkit-writing-mode: vertical-rl;
  13         }
  14         .offset {
  15             width: 2000px;
  16             height: 100px;
  17         }
  18         .target {
  19             width: 100px;
  20             height: 100px;
  21             background-color: orange;
  22             visibility: hidden;
  23         }
  24     </style>
  25 </head>
  26 <body>
  27     <div class="vertical-rl container">
  28         <div class="offset"></div>
  29         <div class="target"></div>
  30     </div>
  31     An orange rect should be painted.<br/>
  32     In DumpRenderTree, there should be repaint logs of 100x100 rect. We don't care how many times is the log dumpped.
  33     <script src="../../resources/run-after-layout-and-paint.js"></script>
  34     <script src="resources/text-based-repaint.js"></script>
  35     <script>
  36         repaintTest = function() {
  37             var target = document.getElementsByClassName("target")[0];
  38             target.style.visibility = "visible";
  39         };
  40         var container = document.getElementsByClassName("container")[0];
  41         runAfterLayoutAndPaint(function() {
  42             container.scrollLeft = 0;
  43             runRepaintTest();
  44         });
  45     </script>
  46 </body></html>