third_party/WebKit/LayoutTests/paint/invalidation/spv2/negative-text-indent-with-overflow-hidden.html

   1 <!-- Based on fast/repaint/negative-text-indent-with-overflow-hidden.html -->
   2 <!DOCTYPE html>
   3 <html>
   4   <head>
   5     <style>
   6     .container {
   7         position: absolute;
   8         left: 550px;
   9         height: 200px;
  10         width: 200px;
  11         background-color: silver;
  12     }
  13     #target {
  14         text-indent: -300px;
  15         width: 200px;
  16         height: 50px;
  17         overflow: hidden;
  18         background-color: green;
  19     }
  20
  21     #target.changed, #target:hover {
  22         background-color: blue;
  23     }
  24     </style>
  25     <script src="resources/paint-invalidation-test.js"></script>
  26     <script>
  27     window.expectedPaintInvalidationObjects = [
  28         "LayoutBlockFlow DIV id='target' class='changed'",
  29     ];
  30     function paintInvalidationTest() {
  31         document.getElementById('target').classList.add('changed');
  32     }
  33     </script>
  34 </head>
  35 <body onload="runPaintInvalidationTest();">
  36     <div class="container">
  37         <div id="target">Hidden Text</div>
  38     </div>
  39 </body>
  40 </html>