third_party/WebKit/LayoutTests/paint/invalidation/spv2/outline-child-repaint.html

   1 <!-- Based on fast/repaint/outline-child-repaint.html -->
   2 <html>
   3 <head>
   4     <script src="resources/paint-invalidation-test.js" type="text/javascript"></script>
   5     <script type="text/javascript">
   6         window.expectedPaintInvalidationObjects = [
   7             "LayoutBlockFlow (positioned) DIV id='container'",
   8             "LayoutBlockFlow DIV class='outlined'",
   9         ];
  10         function paintInvalidationTest()
  11         {
  12             var container = document.getElementById('container');
  13             container.style.top = "250px";
  14         }
  15     </script>
  16     <style type="text/css" media="screen">
  17       #container {
  18         position: absolute;
  19         left: 10px;
  20         top: 150px;
  21         width: 200px;
  22         height: 50px;
  23       }
  24       .outlined {
  25         outline: 10px solid green;
  26         height: 30px;
  27         background-color: #DDD;
  28       }
  29
  30       #underlay {
  31         position: absolute;
  32         top: 240px;
  33         left: 0px;
  34         width: 200px;
  35         height: 30px;
  36         border: 10px solid red;
  37       }
  38     </style>
  39 </head>
  40 <body onload="runPaintInvalidationTest();">
  41     <p>
  42         This is a repaint test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=22159">https://bugs.webkit.org/show_bug.cgi?id=22159</a>
  43         Repaint issue with outlines in child objects</i>.
  44     </p>
  45     <p>If the test passes, you should not see any red below</p>
  46     <hr>
  47
  48     <div id="underlay">
  49     </div>
  50     <div id="container">
  51       <div class="outlined">
  52       </div>
  53     </div>
  54 </body>
  55 </html>