third_party/WebKit/LayoutTests/fast/table/caption-between-column-group-and-column.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     table {
   6         border-spacing: 0px;
   7     }
   8     th {
   9         padding: 0px;
  10         width: 100px;
  11         height: 100px;
  12     }
  13     col, colgroup {
  14         background-color: green;
  15     }
  16 </style>
  17 </head>
  18 <body>
  19 <p><a href="http://webkit.org/b/87051">87051</a>: Centralize and clean-up table column iteration</p>
  20 <p>This test passes if you see 3 rectangles below: green - purple - green (in this order, left to right).</p>
  21 <table>
  22     <col>
  23     <caption>
  24     <colgroup span="2">
  25         <col style="background-color: purple">
  26         <col>
  27     </colgroup>
  28     <tbody>
  29         <tr>
  30             <th></th>
  31             <th></th>
  32             <th></th>
  33         </tr>
  34     </tbody>
  35 </table>
  36 </body>
  37 </html>