third_party/WebKit/LayoutTests/fast/table/table-rowspan-wrong-height-with-only-spanning-cells.html

   1 <style>
   2     table { border-collapse: collapse; }
   3     td { border: 1px solid #000000; }
   4 </style>
   5 <script src="../../resources/check-layout.js"></script>
   6 <body onload="checkLayout('tr')">
   7     <h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/detail?id=396655">396655</a>. Tables with specific merge cell configuration render with extra height to tr elements.</h4>
   8     <p>We have the below table. Because cell A and cell D overlap in the second row, the height of the second row is the 1px difference between A and B and the 1px difference between C and D.</p>
   9     <pre>+-----+-----+</pre>
  10     <pre>|     |  B  |</pre>
  11     <pre>|  A  +-----+</pre>
  12     <pre>|     |     |</pre>
  13     <pre>+-----+  D  |</pre>
  14     <pre>|  C  |     |</pre>
  15     <pre>+-----+-----+</pre>
  16     <table style="width: 624px;">
  17         <tbody>
  18             <tr data-expected-height="32">
  19                 <td rowspan="2" style="height: 33px;"></td>
  20                 <td style="height: 32px;"></td>
  21             </tr>
  22             <tr data-expected-height="1">
  23                 <td rowspan="2" style="height: 33px;"></td>
  24             </tr>
  25             <tr data-expected-height="32">
  26                 <td style="height: 32px;"></td>
  27             </tr>
  28         </tbody>
  29     </table>
  30 </body>