| OLD | NEW |
| 1 <!-- Based on fast/repaint/invalidate-invisible-element.html --> | 1 <!-- Based on fast/repaint/invalidate-invisible-element.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 var target = document.getElementById('target'); | 12 var target = document.getElementById('target'); |
| 16 target.style.visibility = 'visible'; | 13 target.style.visibility = 'visible'; |
| 17 getComputedStyle(target).color; | 14 getComputedStyle(target).color; |
| 18 target.style.top = '300px'; | 15 target.style.top = '300px'; |
| 19 } | 16 } |
| 20 </script> | 17 </script> |
| 21 </head> | 18 </head> |
| 22 <body> | 19 <body> |
| 23 <div id="target" | 20 <div id="target" |
| 24 style="visibility:hidden; | 21 style="visibility:hidden; |
| 25 position: absolute; | 22 position: absolute; |
| 26 top: 200px; left: 200px; | 23 top: 200px; left: 200px; |
| 27 width: 200px; height: 200px; | 24 width: 200px; height: 200px; |
| 28 background-color: redl "></div> | 25 background-color: redl "></div> |
| 29 </body> | 26 </body> |
| 30 </html> | 27 </html> |
| OLD | NEW |