third_party/WebKit/LayoutTests/paint/invalidation/spv2/cached-change-colgroup-border-width.html

   1 <!-- Based on fast/table/border-collapsing/cached-change-colgroup-border-width.html -->
   2 <!--
   3 Calculating collapsed borders for big tables is expensive, so we cache them and recalculate when needed.
   4 Here we change colgroup border width, expect that cache is invalidated and paint produces expected image.
   5 -->
   6 <html>
   7     <head>
   8         <title></title>
   9         <link rel="stylesheet" href="../../../fast/table/border-collapsing/resources/cached.css">
  10         <script src="resources/paint-invalidation-test.js"></script>
  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                 "LayoutTableCell TD",
  20                 "LayoutTableCell TD",
  21                 "LayoutTableCell TD",
  22                 "LayoutTableCell TD",
  23                 "LayoutTableCol COLGROUP id='colgroup'",
  24                 "LayoutTableCell TD",
  25                 "LayoutTableCell TD",
  26                 "LayoutTableCell TD",
  27                 "LayoutTableCell TD",
  28             ];
  29             function paintInvalidationTest() {
  30                 document.getElementById("colgroup").style.borderWidth = "4px";
  31             }
  32         </script>
  33     </head>
  34     <body onload="runPaintInvalidationTest()">
  35         <table style="border-collapse:collapse; border:1px solid blue">
  36             <colgroup style="border:1px solid yellow" id="colgroup">
  37                 <col>
  38                 <col>
  39             </colgroup>
  40             <colgroup>
  41                 <col>
  42             </colgroup>
  43             <tbody>
  44                 <tr>
  45                     <td style="border:2px solid lime"/>
  46                     <td/>
  47                     <td/>
  48                 </tr>
  49                 <tr>
  50                     <td/>
  51                     <td/>
  52                     <td/>
  53                 </tr>
  54             </tbody>
  55         </table>
  56     </body>
  57 </html>
  58