third_party/WebKit/LayoutTests/paint/invalidation/spv2/relative-margin-change-repaint.html

   1 <!-- Based on fast/repaint/relative-margin-change-repaint.html -->
   2 <!DOCTYPE HTML>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <style>
   5     body {
   6         margin: 0;
   7     }
   8     #container {
   9         position: relative;
  10         top: 40px;
  11         width: 200px;
  12         height: 400px;
  13     }
  14     #test {
  15         position: relative;
  16         background-color: green;
  17         width: 100px;
  18         height: 100px;
  19     }
  20 </style>
  21 <script>
  22     window.expectedPaintInvalidationObjects = [
  23         "LayoutBlockFlow BODY",
  24         "LayoutBlockFlow (relative positioned) DIV id='container'",
  25         "LayoutBlockFlow (relative positioned) DIV id='test'",
  26     ];
  27     function paintInvalidationTest()
  28     {
  29         document.getElementById("test").style['margin-top'] = '20px';
  30     }
  31     window.onload = runPaintInvalidationTest;
  32 </script>
  33 <div id="container">
  34     <div id="test"></div>
  35 </div>
  36 <!-- Tests the repainting of relative element when margin-top changes. -->