third_party/WebKit/LayoutTests/paint/invalidation/spv2/vertical-overflow-same.html

   1 <!-- Based on fast/repaint/vertical-overflow-same.html -->
   2 <!DOCTYPE html>
   3 <html><head>
   4     <style>
   5         .container {
   6             margin: 20px;
   7             width: 300px;
   8             height: 200px;
   9             border: 1px solid black;
  10             overflow: scroll;
  11         }
  12         .vertical-rl {
  13             -webkit-writing-mode: vertical-rl;
  14         }
  15         .offset {
  16             width: 2000px;
  17             height: 100px;
  18         }
  19         .target {
  20             width: 100px;
  21             height: 100px;
  22             background-color: orange;
  23             visibility: hidden;
  24         }
  25     </style>
  26 </head>
  27 <body>
  28     <div class="vertical-rl container">
  29         <div class="offset"></div>
  30         <div class="target"></div>
  31     </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="../../../fast/repaint/../../resources/run-after-layout-and-paint.js"></script>
  35     <script src="resources/paint-invalidation-test.js"></script>
  36     <script>
  37         window.expectedPaintInvalidationObjects = [
  38             "LayoutBlockFlow DIV class='target'",
  39         ];
  40         function paintInvalidationTest() {
  41             var target = document.getElementsByClassName("target")[0];
  42             target.style.visibility = "visible";
  43         };
  44         var container = document.getElementsByClassName("container")[0];
  45         runAfterLayoutAndPaint(function() {
  46             container.scrollLeft = 0;
  47             runPaintInvalidationTest();
  48         });
  49     </script>
  50 </body></html>