third_party/WebKit/LayoutTests/fast/table/fixed-table-layout/column-group-box-sizing-fixed-table-layout.html

   1 <!DOCTYPE html>
   2 <style>
   3     table, .table {
   4         border-spacing: 0px;
   5         table-layout: fixed;
   6         width: 0px;
   7     }
   8
   9     .table {
  10         display: table;
  11     }
  12
  13     .td {
  14         display: table-cell;
  15     }
  16
  17     .colgroup {
  18         display: table-column-group;
  19     }
  20
  21     td, .td {
  22         padding: 0px;
  23         height: 120px;
  24         border: 10px solid green;
  25         -webkit-box-sizing: border-box;
  26         -moz-box-sizing: border-box;
  27         box-sizing: border-box;
  28     }
  29
  30     colgroup, .colgroup {
  31         width: 100px;
  32     }
  33 </style>
  34 <p>Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=87536">87536</a>: REGRESSION(r111742): box-sizing: border-box doesn't work on fixed table layout</p>
  35 <p>Testing that a column group's fixed width should apply to the cell's border-box and not impacted by the cell's box-sizing.</p>
  36 <p>You should see 4 100px * 100px cells with green borders.</p>
  37 <table>
  38     <colgroup></colgroup>
  39     <colgroup></colgroup>
  40     <tbody>
  41         <td></td>
  42         <td></td>
  43     </tbody>
  44 </table>
  45 <div class="table">
  46     <div class="colgroup"></div>
  47     <div class="colgroup"></div>
  48     <div class="td"></div>
  49     <div class="td"></div>
  50 </div>