| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <!DOCTYPE html> | 
|  | 2 <html> | 
|  | 3 <head> | 
|  | 4 <script src="../js/resources/js-test-pre.js"></script> | 
|  | 5 </head> | 
|  | 6 <body> | 
|  | 7 <h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/d
    etail?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 sectio
    n 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('b
    r')); | 
|  | 62         testBorderSpacing(i); | 
|  | 63     } | 
|  | 64 </script> | 
|  | 65 | 
|  | 66 </body> | 
|  | 67 </html> | 
| OLD | NEW | 
|---|