third_party/WebKit/LayoutTests/fast/table/border-collapsing/cached-cell-append.html

   1 <!--
   2 Calculating collapsed borders for big tables is expensive, so we cache them and recalculate when needed.
   3 Here we append new cell, expect that cache is invalidated and paint produces expected image.
   4 -->
   5 <html>
   6     <head>
   7         <title></title>
   8         <link rel="stylesheet" href="resources/cached.css">
   9         <script src="../../../fast/repaint/resources/text-based-repaint.js"></script>
  10         <script type="text/javascript">
  11             function repaintTest() {
  12                 newCell = document.createElement("td");
  13                 newCell.style.borderLeftWidth = "6px";
  14                 newCell.style.borderLeftStyle = "solid";
  15                 newCell.style.borderLeftColor = "yellow";
  16                 document.getElementById("row").appendChild(newCell);
  17             }
  18         </script>
  19     </head>
  20     <body onload="runRepaintTest()">
  21         <table style="border-collapse:collapse; border:2px solid blue">
  22             <tr id="row">
  23                 <td style="border:4px solid lime"/>
  24             </tr>
  25         </table>
  26     </body>
  27 </html>
  28