third_party/WebKit/LayoutTests/fast/table/table-rowspan-cell-with-empty-cell.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script src="../../resources/check-layout.js"></script>
   5     <style>
   6     td { font: 15px/1 Ahem }
   7     table {border-collapse: collapse;}
   8     .dn {display: none;}
   9     .blue {background: blue;}
  10     .green {background: green;}
  11     </style>
  12 </head>
  13 <body onload="checkLayout('#a')">
  14 <h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/detail?id=258420">258420</a>. Table rows are incorrectly collapsed in case of hidden cells and rowspans.</h3>
  15 <h4>A spanning cell whose rows have only empty cell(s) shouldn't have a non-zero height.</h4>
  16   <table>
  17     <tbody>
  18         <tr class="blue">
  19             <td rowspan="3">A</td>
  20             <td>A1</td>
  21             <td>A1.1</td>
  22         </tr>
  23         <tr>
  24             <td rowspan="2" id="a" data-expected-width = "56">A2</td>
  25             <td class="dn">A2.1</td>
  26         </tr>
  27         <tr>
  28             <td class="dn">A2.2</td>
  29         </tr>
  30         <tr class="green">
  31             <td colspan="3">long last row</td>
  32         </tr>
  33     </tbody>
  34   </table>
  35   </body>
  36 </html>