third_party/WebKit/LayoutTests/css3/flexbox/repaint-on-margin-change.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>Test for repaint on margin change</title>
   5     <script src="../../fast/repaint/resources/text-based-repaint.js" type="text/javascript"></script>
   6     <script>
   7         function repaintTest()
   8         {
   9             if (window.testRunner)
  10                 document.getElementById('child-to-grow').style.marginLeft = '40px';
  11         }
  12     </script>
  13     <style>
  14         .child {
  15             height: 20px;
  16             width: 20px;
  17         }
  18     </style>
  19 </head>
  20 <body onload="runRepaintTest()">
  21     <div style="display: flex; flex-direction: column; height: 100%">
  22         <div style="flex: 1"></div>
  23         <div class='nested-row-flexbox'>
  24             <div class="child"></div>
  25             <div class="child" id="child-to-grow"></div>
  26         </div>
  27     </div>
  28 </body>
  29 </html>