third_party/WebKit/LayoutTests/fast/table/fixed-table-layout/column-in-column-group-box-sizing-fixed-table-layout-expected.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     .col {
  22         display: table-column;
  23     }
  24
  25     td, .td {
  26         width: 80px;
  27         padding: 0px;
  28         height: 100px;
  29         border: 10px solid green;
  30     }
  31 </style>
  32 <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>
  33 <p>Testing that a column fixed width should apply to the cell's border-box and is not impacted by the cell's box-sizing.</p>
  34 <p>You should see 4 100px * 100px cells with green borders.</p>
  35 <table>
  36     <colgroup>
  37         <col></col>
  38     </colgroup>
  39     <colgroup>
  40         <col></col>
  41     </colgroup>
  42     <tbody>
  43         <td></td>
  44         <td></td>
  45     </tbody>
  46 </table>
  47 <div class="table">
  48     <div class="colgroup">
  49         <div class="col"></div>
  50     </div>
  51     <div class="colgroup">
  52         <div class="col"></div>
  53     </div>
  54     <div class="td"></div>
  55     <div class="td"></div>
  56 </div>