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