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