third_party/WebKit/LayoutTests/fast/repaint/table-cell-collapsed-border.html

   1 <html>
   2 <head>
   3     <style>
   4         table { border-collapse: collapse; }
   5         td { background: silver; width: 100px; height: 100px; }
   6     </style>
   7         <script src="resources/text-based-repaint.js" type="text/javascript"></script>
   8         <script type="text/javascript">
   9            function repaintTest()
  10            {
  11             for (i = 1; i < 4; i++)
  12                 document.getElementById("t" + i).style.borderColor = "green";
  13            }
  14         </script>
  15 </head>
  16 <body onload="runRepaintTest()">
  17     <p>
  18         Repaint test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=11359">http://bugs.webkit.org/show_bug.cgi?id=11359</a>
  19         Incomplete repaint of table cell's collapsed border when changing only the cell</i>.
  20     </p>
  21     <table>
  22         <tr>
  23             <td></td>
  24             <td style="border-bottom: 4px solid white; border-top: 10px solid white;"></td>
  25             <td id="t1" style="border-left: 10px solid red; border-right: 10px solid red;"></td>
  26             <td style="border-bottom: 6px solid white; border-top: 10px solid white;"></td>
  27         </tr>
  28         <tr>
  29             <td style="border-left: 10px solid white; border-right: 4px solid white;"></td>
  30             <td></td>
  31             <td></td>
  32             <td></td>
  33         </tr>
  34         <tr>
  35             <td id="t2" style="border-top: 10px solid red; border-bottom: 10px solid red;"></td>
  36             <td></td>
  37             <td id="t3" style="border: 10px solid red;"></td>
  38             <td></td>
  39         </tr>
  40         <tr>
  41             <td style="border-left: 10px solid white; border-right: 6px solid white;"></td>
  42             <td></td>
  43             <td></td>
  44             <td></td>
  45         </tr>
  46     </table>
  47 </body>
  48 </html>