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

   1 <!-- Based on fast/repaint/vertical-overflow-child.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="container">
  29     <div class="vertical-rl">
  30         <div class="target"></div>
  31         <div class="offset"></div>
  32     </div></div>
  33     An orange rect should be painted.<br/>
  34     In DumpRenderTree, there should be repaint logs of 100x100 rect. We don't care how many times is the log dumpped.
  35     <script src="../../../fast/repaint/../../resources/run-after-layout-and-paint.js"></script>
  36     <script src="resources/paint-invalidation-test.js"></script>
  37     <script>
  38         window.expectedPaintInvalidationObjects = [
  39             "LayoutBlockFlow DIV class='target'",
  40         ];
  41         function paintInvalidationTest() {
  42             var target = document.getElementsByClassName("target")[0];
  43             target.style.visibility = "visible";
  44         };
  45         var container = document.getElementsByClassName("container")[0];
  46         runAfterLayoutAndPaint(function() {
  47             container.scrollLeft = 3000;
  48             runPaintInvalidationTest();
  49         });
  50     </script>
  51 </body></html>