src/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/text-based-repaint.js" type="text/javascript"></script>
  34     <script>
  35         repaintTest = function() {
  36             var target = document.getElementsByClassName("target")[0];
  37             target.style.visibility = "visible";
  38         };
  39         var container = document.getElementsByClassName("container")[0];
  40         container.scrollLeft = 0;
  41         runRepaintTest();
  42     </script>
  43 </body></html>