| OLD | NEW | 
 |   1 <!-- Based on fast/repaint/border-radius-repaint-2.html --> | 
|   1 <!doctype html> |   2 <!doctype html> | 
|   2 <html> |   3 <html> | 
|   3 <head> |   4 <head> | 
|   4 <title>Repaint test for crbug.com/222851</title> |   5 <title>Repaint test for crbug.com/222851</title> | 
|   5 <script src="resources/text-based-repaint.js" type="text/javascript"></script> |   6 <script src="resources/paint-invalidation-test.js" type="text/javascript"></scri
    pt> | 
|   6 <script> |   7 <script> | 
|   7 if (window.internals) { |   8 if (window.internals) { | 
|   8     // Avoid the noise caused by change of scrollbar existence. |   9     // Avoid the noise caused by change of scrollbar existence. | 
|   9     internals.settings.setOverlayScrollbarsEnabled(true); |  10     internals.settings.setOverlayScrollbarsEnabled(true); | 
|  10     internals.settings.setMockScrollbarsEnabled(true); |  11     internals.settings.setMockScrollbarsEnabled(true); | 
|  11 } |  12 } | 
|  12  |  13  | 
|  13 function repaintTest() { |  14 window.expectedPaintInvalidationObjects = [ | 
 |  15     "LayoutView #document", | 
 |  16     "LayoutBlockFlow HTML", | 
 |  17     "LayoutBlockFlow BODY", | 
 |  18     "LayoutBlockFlow DIV", | 
 |  19     "LayoutBlockFlow DIV", | 
 |  20     "LayoutBlockFlow DIV id='target'", | 
 |  21 ]; | 
 |  22 function paintInvalidationTest() { | 
|  14     document.getElementById('target').style.height = '2px'; |  23     document.getElementById('target').style.height = '2px'; | 
|  15 } |  24 } | 
|  16 </script> |  25 </script> | 
|  17 </head> |  26 </head> | 
|  18 <body style="background-color: #3F3F3F;" onload="runRepaintTest()"> |  27 <body style="background-color: #3F3F3F;" onload="runPaintInvalidationTest()"> | 
|  19   <div style="border-radius: 150px; background-color: #EFEFEF; width: 90%; paddi
    ng: 5em; margin: 0 auto;"> |  28   <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;"> |  29         <div style="border-radius: 5px; border: solid 3px #367CAF; width: 85%; m
    argin: 0 auto;"> | 
|  21           <div class="notARealClass" style="background-color: #367CAF; height: 3
    em; cursor: pointer;">           |  30           <div class="notARealClass" style="background-color: #367CAF; height: 3
    em; cursor: pointer;">           | 
|  22           </div> |  31           </div> | 
|  23           <div id="target" style="width: 100%; height: 550px;"> |  32           <div id="target" style="width: 100%; height: 550px;"> | 
|  24           </div> |  33           </div> | 
|  25         </div> |  34         </div> | 
|  26   </div> |  35   </div> | 
|  27 </body> |  36 </body> | 
|  28 </html> |  37 </html> | 
| OLD | NEW |