OLD | NEW |
1 <!-- Based on fast/repaint/dont-invalidate-root-layer-when-composited-layer-beco
mes-visible.html --> | 1 <!-- Based on fast/repaint/dont-invalidate-root-layer-when-composited-layer-beco
mes-visible.html --> |
2 <!DOCTYPE html> | 2 <!DOCTYPE html> |
3 <html> | 3 <html> |
4 <head> | 4 <head> |
5 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> | 5 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> |
6 <script type="text/javascript"> | 6 <script type="text/javascript"> |
7 window.onload = function() { | 7 window.onload = function() { |
8 runPaintInvalidationTest(); | 8 runPaintInvalidationTest(); |
9 }; | 9 }; |
10 | 10 |
11 window.expectedPaintInvalidationObjects = [ | |
12 "LayoutBlockFlow (positioned) DIV id='target'", | |
13 ]; | |
14 function paintInvalidationTest() { | 11 function paintInvalidationTest() { |
15 document.getElementById('target').style.visibility = 'visible'; | 12 document.getElementById('target').style.visibility = 'visible'; |
16 } | 13 } |
17 </script> | 14 </script> |
18 </head> | 15 </head> |
19 <body> | 16 <body> |
20 <div id="target" | 17 <div id="target" |
21 style="will-change: transform; | 18 style="will-change: transform; |
22 visibility:hidden; | 19 visibility:hidden; |
23 position: absolute; | 20 position: absolute; |
24 top: 200px; left: 200px; | 21 top: 200px; left: 200px; |
25 width: 200px; height: 200px; | 22 width: 200px; height: 200px; |
26 background-color: redl "></div> | 23 background-color: redl "></div> |
27 </body> | 24 </body> |
28 </html> | 25 </html> |
OLD | NEW |