src/third_party/WebKit/LayoutTests/fast/repaint/vertical-overflow-child.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="container">
  28     <div class="vertical-rl">
  29         <div class="target"></div>
  30         <div class="offset"></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/text-based-repaint.js" type="text/javascript"></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         container.scrollLeft = 3000;
  42         runRepaintTest();
  43     </script>
  44 </body></html>