third_party/WebKit/LayoutTests/fast/table/table-sections-border-spacing.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../resources/js-test.js"></script>
   5 </head>
   6 <body>
   7 <h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/detail?id=29502">29502</a>. border-spacing is doubled between table-row-groups.</h3>
   8 <h4>Border-spacing was adding twice, One for bottom of first section and another for top of second section. But bottom of first section and top of second section border spacing should be common.</h4>
   9 Distance between all rows in the table should be same.
  10 <br/><br/>
  11
  12 <div id="divId">
  13 <table border="5" style="border-spacing:10px">
  14     <thead>
  15         <tr>
  16             <th id = "td0Id"> row0 head0 </th>
  17             <th> row0 head1 </th>
  18         </tr>
  19     </thead>
  20     <tbody>
  21         <tr>
  22             <td id = "td1Id"> row0 col0 </td>
  23             <td> row0 col11 </td>
  24         </tr>
  25         <tr>
  26             <td id = "td2Id"> row1 col0 </td>
  27             <td> row1 col11 </td>
  28         </tr>
  29     </tbody>
  30     <tbody>
  31         <tr>
  32             <td id = "td3Id"> row0 col0 </td>
  33             <td> row0 col11 </td>
  34         </tr>
  35         <tr>
  36             <td id = "td4Id"> row1 col0 </td>
  37             <td> row1 col11 </td>
  38         </tr>
  39     </tbody>
  40     <tfoot>
  41         <tr>
  42             <td id = "td5Id"> row0 foot0 </td>
  43             <td> row0 foot1 </td>
  44         </tr>
  45     </tfoot>
  46 </table>
  47 </div>
  48 <br/>
  49 <div id="console"></div>
  50
  51 <script>
  52     function testBorderSpacing(index)
  53     {
  54         var afterRow = document.getElementById('td' + index + 'Id');
  55         var beforeRow = document.getElementById('td' + (index - 1) + 'Id');
  56         var borderSpacing = afterRow.offsetTop - beforeRow.offsetTop - beforeRow.offsetHeight;
  57         shouldBe(borderSpacing.toString(), "10");
  58     }
  59
  60     for (var i = 1; i < 6; i++) {
  61         document.getElementById('console').appendChild(document.createElement('br'));
  62         testBorderSpacing(i);
  63     }
  64 </script>
  65
  66 </body>
  67 </html>