| OLD | NEW | 
|---|
| 1 <!-- Based on fast/table/border-collapsing/cached-change-table-border-color.html
     --> | 1 <!-- Based on fast/table/border-collapsing/cached-change-table-border-color.html
     --> | 
| 2 <!-- | 2 <!-- | 
| 3 Calculating collapsed borders for big tables is expensive, so we cache them and 
    recalculate when needed. | 3 Calculating collapsed borders for big tables is expensive, so we cache them and 
    recalculate when needed. | 
| 4 Here we change table border color, expect that cache is invalidated and paint pr
    oduces expected image. | 4 Here we change table border color, expect that cache is invalidated and paint pr
    oduces expected image. | 
| 5 --> | 5 --> | 
| 6 <html> | 6 <html> | 
| 7     <head> | 7     <head> | 
| 8         <title></title> | 8         <title></title> | 
| 9         <link rel="stylesheet" href="../../../fast/table/border-collapsing/resou
    rces/cached.css"> | 9         <link rel="stylesheet" href="../../../fast/table/border-collapsing/resou
    rces/cached.css"> | 
| 10         <script src="resources/paint-invalidation-test.js"></script> | 10         <script src="resources/paint-invalidation-test.js"></script> | 
| 11         <script type="text/javascript"> | 11         <script type="text/javascript"> | 
| 12             window.expectedPaintInvalidationObjects = [ |  | 
| 13                 "LayoutTableCell TD", |  | 
| 14                 "LayoutTable TABLE id='tbl'", |  | 
| 15             ]; |  | 
| 16             function paintInvalidationTest() { | 12             function paintInvalidationTest() { | 
| 17                 document.getElementById("tbl").style.borderColor = "yellow"; | 13                 document.getElementById("tbl").style.borderColor = "yellow"; | 
| 18             } | 14             } | 
| 19         </script> | 15         </script> | 
| 20     </head> | 16     </head> | 
| 21     <body onload="runPaintInvalidationTest()"> | 17     <body onload="runPaintInvalidationTest()"> | 
| 22         <table style="border-collapse:collapse; border:4px solid blue" id="tbl"> | 18         <table style="border-collapse:collapse; border:4px solid blue" id="tbl"> | 
| 23             <tr> | 19             <tr> | 
| 24                 <td style="border:2px solid lime"/> | 20                 <td style="border:2px solid lime"/> | 
| 25             </tr> | 21             </tr> | 
| 26         </table> | 22         </table> | 
| 27     </body> | 23     </body> | 
| 28 </html> | 24 </html> | 
| 29 | 25 | 
| OLD | NEW | 
|---|