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