third_party/WebKit/LayoutTests/paint/invalidation/spv2/overflow-hidden-in-overflow-hidden-scrolled.html

   1 <!-- Based on fast/repaint/overflow-hidden-in-overflow-hidden-scrolled.html -->
   2 <!DOCTYPE html>
   3 <html>
   4 <head>
   5     <link rel="stylesheet" href="../../../fast/repaint/resources/default.css">
   6     <style>
   7         #outer {
   8             position: relative;
   9             overflow: hidden;
  10             height: 200px;
  11         }
  12
  13         section {
  14             padding: 192px 0 0 0;
  15             width: 200px;
  16         }
  17
  18         div {
  19             height: 190px;
  20         }
  21
  22         .innerWrapper {
  23             overflow: hidden;
  24         }
  25
  26         .red {
  27             background-color: red;
  28         }
  29
  30         .green {
  31             background-color: green;
  32         }
  33     </style>
  34     <script src="resources/paint-invalidation-test.js"></script>
  35     <script>
  36         window.expectedPaintInvalidationObjects = [
  37             "LayoutBlockFlow DIV class='innerWrapper'",
  38             "LayoutBlockFlow DIV class='red'",
  39             "LayoutBlockFlow DIV id='ucp' class='green'",
  40         ];
  41         function paintInvalidationTest()
  42         {
  43             window.location.hash = "#ucp";
  44         }
  45
  46         function runTest()
  47         {
  48             document.getElementById("outer").scrollTop = 1000;
  49             runPaintInvalidationTest();
  50         }
  51     </script>
  52 </head>
  53 <body onload="runTest()">
  54     <!-- Bug 71550 - REGRESSION (r93614): Content remains despite parent element being scrolled off page using javascript. -->
  55     <!-- For the test to pass you should not see any RED, only green -->
  56     <div id="outer">
  57         <section>
  58             <div class="innerWrapper">
  59                 <div class="red"></div>
  60                 <div id="ucp" class="green"></div>
  61             </div>
  62         </section>
  63     </div>
  64 </body>
  65 </html>