| OLD | NEW |
| 1 <!-- Based on fast/repaint/subtree-root-clip-3.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 repaintTest() | 6 window.expectedPaintInvalidationObjects = [ |
| 7 "LayoutBlockFlow DIV", |
| 8 "LayoutBlockFlow DIV id='target'", |
| 9 ]; |
| 10 function paintInvalidationTest() |
| 6 { | 11 { |
| 7 document.getElementById("target").style.width = "100px"; | 12 document.getElementById("target").style.width = "100px"; |
| 8 } | 13 } |
| 9 </script> | 14 </script> |
| 10 </head> | 15 </head> |
| 11 <body onload="runRepaintTest()"> | 16 <body onload="runPaintInvalidationTest()"> |
| 12 <table> | 17 <table> |
| 13 <tr> | 18 <tr> |
| 14 <td style="height: 200px;"></td> | 19 <td style="height: 200px;"></td> |
| 15 <td> | 20 <td> |
| 16 <div style="height: 100px; width: 100px; overflow: hidden; backgroun
d-color: red;"> | 21 <div style="height: 100px; width: 100px; overflow: hidden; backgroun
d-color: red;"> |
| 17 <div id="target" style="height: 100px; width: 0; background-colo
r: green;"></div> | 22 <div id="target" style="height: 100px; width: 0; background-colo
r: green;"></div> |
| 18 </div> | 23 </div> |
| 19 </td> | 24 </td> |
| 20 </tr> | 25 </tr> |
| 21 </table> | 26 </table> |
| 22 </body> | 27 </body> |
| 23 </html> | 28 </html> |
| OLD | NEW |