third_party/WebKit/LayoutTests/paint/invalidation/spv2/selection-gap-absolute-child.html

   1 <!-- Based on fast/repaint/selection-gap-absolute-child.html -->
   2 <!doctype html>
   3 <head>
   4     <script src="resources/paint-invalidation-test.js"></script>
   5     <script>
   6     if (window.testRunner)
   7         testRunner.dumpAsTextWithPixelResults();
   8     window.expectedPaintInvalidationObjects = [
   9         "LayoutBlockFlow HTML",
  10         "LayoutBlockFlow BODY",
  11         "LayoutBlockFlow DIV",
  12         "LayoutBR BR",
  13         "InlineTextBox '\n'",
  14         "LayoutBlockFlow (positioned) DIV id='target'",
  15         "LayoutBR BR",
  16         "InlineTextBox '\n'",
  17     ];
  18     function paintInvalidationTest()
  19     {
  20         var target = document.getElementById("target");
  21         getSelection().setBaseAndExtent(target, 0, target.nextSibling, 1);
  22     }
  23     </script>
  24     <style>
  25         body { margin: 0px; }
  26         #target::selection { background-color: green; }
  27     </style>
  28 </head>
  29 <body onload="runPaintInvalidationTest()">
  30     <div style="position: absolute; margin-left: 200px;">
  31         <div>Bug <a href="http://webkit.org/b/111000">111000</a>: Selection gaps don't repaint correctly with transforms</div>
  32         <div>This tests that absolute elements are invalidated correctly.  The box will be competely green if the selected area was invalidated correctly.</div>
  33     </div>
  34     <div>
  35         <div id="target" style="background-color: red; width: 100px; height: 100px; position: absolute;"><br/></div><br/>
  36     </div>
  37 </body>