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

   1 <!-- Based on fast/table/border-collapsing/cached-change-cell-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 cell 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 id='foo'",
  14                 "LayoutTableCell TD",
  15                 "LayoutTable TABLE",
  16                 "LayoutTableSection TBODY",
  17                 "LayoutTableRow TR",
  18                 "LayoutTableCell TD id='foo'",
  19                 "LayoutTableCell TD",
  20             ];
  21             function paintInvalidationTest() {
  22                 document.getElementById("foo").style.borderWidth = "4px";
  23                 document.getElementById("foo").style.borderColor = "lime";
  24             }
  25         </script>
  26     </head>
  27     <body onload="runPaintInvalidationTest()">
  28         <table style="border-collapse:collapse; border:2px solid blue">
  29             <tr>
  30                 <td style="border:1px solid lime" id="foo"/>
  31                 <td style="border:1px solid black"/>
  32             </tr>
  33         </table>
  34     </body>
  35 </html>
  36