LayoutTests/fast/table/invisible-cell-background.html

   1 <html>
   2 <head>
   3     <title></title>
   4     <style>
   5         table { margin: 4px; border-collapse: collapse; }
   6         tbody { background-color: yellow; }
   7         tr { background-color: orange; }
   8         td { width: 25px; height: 25px; }
   9         .green { background-color: green; }
  10         .red { background-color: red; }
  11     </style>
  12 </head>
  13 <body>
  14 <p>
  15     This tests that the background of a table cell with <tt>visibility:hidden</tt> is never painted.
  16 </p>
  17 <p>
  18     You should see nine green squares and no red, orange or yellow squares.
  19 </p>
  20 <table style="visibility: hidden;">
  21     <tbody>
  22         <tr>
  23             <td class="red"></td>
  24         </tr>
  25     </tbody>
  26 </table>
  27
  28 <table style="visibility: hidden;" class="red">
  29     <tbody style="visibility: visible;">
  30         <tr>
  31             <td class="green"></td>
  32         </tr>
  33     </tbody>
  34 </table>
  35
  36 <table style="visibility: hidden;" class="red">
  37     <tbody>
  38         <tr style="visibility: visible;">
  39             <td class="green"></td>
  40         </tr>
  41     </tbody>
  42 </table>
  43
  44 <table style="visibility: hidden;" class="red">
  45     <tbody>
  46         <tr>
  47             <td style="visibility: visible;" class="green"></td>
  48         </tr>
  49     </tbody>
  50 </table>
  51
  52 <table class="green">
  53     <tbody style="visibility: hidden;" class="red">
  54         <tr>
  55             <td></td>
  56         </tr>
  57     </tbody>
  58 </table>
  59
  60 <table class="red">
  61     <tbody style="visibility: hidden;">
  62         <tr style="visibility: visible;">
  63             <td class="green"></td>
  64         </tr>
  65     </tbody>
  66 </table>
  67
  68 <table class="red">
  69     <tbody style="visibility: hidden;">
  70         <tr>
  71             <td style="visibility: visible;" class="green"></td>
  72         </tr>
  73     </tbody>
  74 </table>
  75
  76 <table class="green">
  77     <tbody>
  78         <tr style="visibility: hidden;">
  79             <td class="red"></td>
  80         </tr>
  81     </tbody>
  82 </table>
  83
  84 <table class="red">
  85     <tbody>
  86         <tr style="visibility: hidden;">
  87             <td style="visibility: visible;" class="green"></td>
  88         </tr>
  89     </tbody>
  90 </table>
  91
  92 <table class="green">
  93     <tbody>
  94         <tr>
  95             <td style="visibility: hidden;" class="red"></td>
  96         </tr>
  97     </tbody>
  98 </table>
  99 </body>
 100 </html>