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 |