| OLD | NEW | 
|   1 <!doctype html> |   1 <!doctype html> | 
|   2 <html> |   2 <html> | 
|   3 <head> |   3 <head> | 
|   4 <title>Repaint test for crbug.com/222851</title> |   4 <title>Repaint test for crbug.com/222851</title> | 
|   5 <script src="resources/text-based-repaint.js" type="text/javascript"></script> |   5 <script src="resources/text-based-repaint.js" type="text/javascript"></script> | 
 |   6 <style> | 
 |   7 /* Avoid the noise caused by change of scrollbar existence. */ | 
 |   8 html { overflow: hidden; } | 
 |   9 </style> | 
|   6 <script> |  10 <script> | 
|   7 if (window.internals) { |  | 
|   8     // Avoid the noise caused by change of scrollbar existence. |  | 
|   9     internals.settings.setOverlayScrollbarsEnabled(true); |  | 
|  10     internals.settings.setMockScrollbarsEnabled(true); |  | 
|  11 } |  | 
|  12  |  | 
|  13 function repaintTest() { |  11 function repaintTest() { | 
|  14     document.getElementById('target').style.height = '2px'; |  12     document.getElementById('target').style.height = '2px'; | 
|  15 } |  13 } | 
|  16 </script> |  14 </script> | 
|  17 </head> |  15 </head> | 
|  18 <body style="background-color: #3F3F3F;" onload="runRepaintAndPixelTest()"> |  16 <body style="background-color: #3F3F3F;" onload="runRepaintAndPixelTest()"> | 
|  19   <div style="border-radius: 150px; background-color: #EFEFEF; width: 90%; paddi
    ng: 5em; margin: 0 auto;"> |  17   <div style="border-radius: 150px; background-color: #EFEFEF; width: 90%; paddi
    ng: 5em; margin: 0 auto;"> | 
|  20 »       <div style="border-radius: 5px; border: solid 3px #367CAF; width: 85%; m
    argin: 0 auto;"> |  18   <div style="border-radius: 5px; border: solid 3px #367CAF; width: 85%; margin:
     0 auto;"> | 
|  21 »         <div class="notARealClass" style="background-color: #367CAF; height: 3
    em; cursor: pointer;">» »        |  19     <div class="notARealClass" style="background-color: #367CAF; height: 3em; cu
    rsor: pointer;"> | 
|  22 »         </div> |  20     </div> | 
|  23 »         <div id="target" style="width: 100%; height: 550px;"> |  21     <div id="target" style="width: 100%; height: 550px;"> | 
|  24 »         </div> |  22     </div> | 
|  25 »       </div> |  23   </div> | 
|  26   </div> |  24   </div> | 
|  27 </body> |  25 </body> | 
|  28 </html> |  26 </html> | 
| OLD | NEW |