third_party/WebKit/LayoutTests/fast/table/large-shrink-wrapped-width.html

   1 <style>
   2 .container {
   3     width: 2000000px;
   4 }
   5 .child {
   6     display:inline-block;
   7     background-color: orange;
   8     height: 10px;
   9 }
  10 td {
  11     padding: 0;
  12 }
  13 table {
  14     border-spacing: 0;
  15     display: inline-table;
  16     outline: 5px solid salmon;
  17 }
  18 </style>
  19
  20 <!-- The inner div should fill the container. It doesn't right now because we artificially limit the table's maxPreferredLogicalWidth to 1000000.
  21     See the related FIXME in TableLayoutAlgorithm.h.
  22  -->
  23 <div class="container">
  24     <div style="display:inline-block; border: 5px solid salmon;" data-expected-width=2000000>
  25         <table style="width:100%; background-color:green; table-layout:fixed"><tr><td>Content</td></tr></table>
  26     </div>
  27 </div>
  28
  29 <div class="container">
  30     <!-- The 1 px extra is from the align=right td. -->
  31     <table data-expected-width=20000>
  32         <td align=right></td>
  33         <td width="100%">
  34             <div class="child" style="width: 10000px"></div><div class="child" style="width: 10000px"></div>
  35         </td>
  36     </table>
  37 </div>
  38
  39 <div class="container">
  40     <!-- The 1 px extra is from the align=right td. -->
  41     <table data-expected-width=1000000>
  42         <td align=right></td>
  43         <td width="100%">
  44             <div class="child" style="width: 500000px"></div><div class="child" style="width: 500000px"></div>
  45         </td>
  46     </table>
  47 </div>
  48
  49 <div class="container">
  50     <!-- The 1 px extra is from the align=right td. -->
  51     <table data-expected-width=1500000>
  52         <td align=right></td>
  53         <td width="100%">
  54             <div class="child" style="width: 500000px"></div><div class="child" style="width: 500000px"></div><div class="child" style="width: 500000px"></div>
  55         </td>
  56     </table>
  57 </div>
  58
  59 <script src="../../resources/check-layout.js"></script>
  60 <script>
  61 checkLayout('.container');
  62 </script>