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

   1 <!-- Based on fast/table/border-collapsing/cached-change-tbody-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 tbody 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                 "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() {
  37                 document.getElementById("tbody").style.borderWidth = "4px";
  38             }
  39         </script>
  40     </head>
  41     <body onload="runPaintInvalidationTest()">
  42         <table style="border-collapse:collapse; border:1px solid blue">
  43             <tbody style="border:1px solid yellow" id="tbody">
  44                 <tr>
  45                     <td style="border:2px solid lime"/>
  46                     <td/>
  47                 </tr>
  48                 <tr>
  49                     <td/>
  50                     <td/>
  51                 </tr>
  52             </tbody>
  53             <tbody>
  54                 <tr>
  55                     <td/>
  56                     <td/>
  57                 </tr>
  58             </tbody>
  59         </table>
  60     </body>
  61 </html>
  62