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

   1 <!-- Based on fast/table/border-collapsing/cached-change-col-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 col 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                 "LayoutTable TABLE",
  18                 "LayoutTableCell TD",
  19                 "LayoutTableCell TD",
  20                 "LayoutTableCol COL id='col'",
  21                 "LayoutTableSection TBODY",
  22                 "LayoutTableRow TR",
  23                 "LayoutTableCell TD",
  24                 "LayoutTableCell TD",
  25                 "LayoutTableRow TR",
  26                 "LayoutTableCell TD",
  27                 "LayoutTableCell TD",
  28             ];
  29             function paintInvalidationTest() {
  30                 document.getElementById("col").style.borderWidth = "4px";
  31             }
  32         </script>
  33     </head>
  34     <body onload="runPaintInvalidationTest()">
  35         <table style="border-collapse:collapse; border:1px solid blue">
  36             <colgroup>
  37                 <col style="border:1px solid yellow" id="col">
  38                 <col>
  39             </colgroup>
  40             <tbody>
  41                 <tr>
  42                     <td style="border:2px solid lime"/>
  43                     <td/>
  44                 </tr>
  45                 <tr>
  46                     <td/>
  47                     <td/>
  48                 </tr>
  49             </tbody>
  50         </table>
  51     </body>
  52 </html>
  53