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