| OLD | NEW | 
|---|
| 1 <!-- Based on fast/table/border-collapsing/cached-change-tbody-border-width.html
     --> | 1 <!-- Based on fast/table/border-collapsing/cached-change-tbody-border-width.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 tbody border width, expect that cache is invalidated and paint pr
    oduces expected image. | 4 Here we change tbody border width, 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                 "LayoutTableCell TD", |  | 
| 15                 "LayoutTableCell TD", |  | 
| 16                 "LayoutTableCell TD", |  | 
| 17                 "LayoutTableCell TD", |  | 
| 18                 "LayoutTableCell TD", |  | 
| 19                 "LayoutTable TABLE", |  | 
| 20                 "LayoutTableCell TD", |  | 
| 21                 "LayoutTableCell TD", |  | 
| 22                 "LayoutTableCell TD", |  | 
| 23                 "LayoutTableCell TD", |  | 
| 24                 "LayoutTableSection TBODY id='tbody'", |  | 
| 25                 "LayoutTableRow TR", |  | 
| 26                 "LayoutTableCell TD", |  | 
| 27                 "LayoutTableCell TD", |  | 
| 28                 "LayoutTableRow TR", |  | 
| 29                 "LayoutTableCell TD", |  | 
| 30                 "LayoutTableCell TD", |  | 
| 31                 "LayoutTableSection TBODY", |  | 
| 32                 "LayoutTableRow TR", |  | 
| 33                 "LayoutTableCell TD", |  | 
| 34                 "LayoutTableCell TD", |  | 
| 35             ]; |  | 
| 36             function paintInvalidationTest() { | 12             function paintInvalidationTest() { | 
| 37                 document.getElementById("tbody").style.borderWidth = "4px"; | 13                 document.getElementById("tbody").style.borderWidth = "4px"; | 
| 38             } | 14             } | 
| 39         </script> | 15         </script> | 
| 40     </head> | 16     </head> | 
| 41     <body onload="runPaintInvalidationTest()"> | 17     <body onload="runPaintInvalidationTest()"> | 
| 42         <table style="border-collapse:collapse; border:1px solid blue"> | 18         <table style="border-collapse:collapse; border:1px solid blue"> | 
| 43             <tbody style="border:1px solid yellow" id="tbody"> | 19             <tbody style="border:1px solid yellow" id="tbody"> | 
| 44                 <tr> | 20                 <tr> | 
| 45                     <td style="border:2px solid lime"/> | 21                     <td style="border:2px solid lime"/> | 
| 46                     <td/> | 22                     <td/> | 
| 47                 </tr> | 23                 </tr> | 
| 48                 <tr> | 24                 <tr> | 
| 49                     <td/> | 25                     <td/> | 
| 50                     <td/> | 26                     <td/> | 
| 51                 </tr> | 27                 </tr> | 
| 52             </tbody> | 28             </tbody> | 
| 53             <tbody> | 29             <tbody> | 
| 54                 <tr> | 30                 <tr> | 
| 55                     <td/> | 31                     <td/> | 
| 56                     <td/> | 32                     <td/> | 
| 57                 </tr> | 33                 </tr> | 
| 58             </tbody> | 34             </tbody> | 
| 59         </table> | 35         </table> | 
| 60     </body> | 36     </body> | 
| 61 </html> | 37 </html> | 
| 62 | 38 | 
| OLD | NEW | 
|---|