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 |