third_party/WebKit/LayoutTests/fast/repaint/vertical-overflow-parent.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">
  28     <div class="container">
  29         <div class="offset"></div>
  30         <div class="target"></div>
  31     </div></div>
  32     An orange rect should be painted.<br/>
  33     In DumpRenderTree, there should be repaint logs of 100x100 rect. We don't care how many times is the log dumpped.
  34     <script src="../../resources/run-after-layout-and-paint.js"></script>
  35     <script src="resources/text-based-repaint.js"></script>
  36     <script>
  37         repaintTest = function() {
  38             var target = document.getElementsByClassName("target")[0];
  39             target.style.visibility = "visible";
  40         };
  41         var container = document.getElementsByClassName("container")[0];
  42         runAfterLayoutAndPaint(function() {
  43             container.scrollLeft = 0;
  44             runRepaintTest();
  45         });
  46     </script>
  47 </body></html>