third_party/WebKit/LayoutTests/fast/text-autosizing/nested-table-long-word.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta name="viewport" content="width=800">
   5 <style>
   6 html { font-size: 16px; }
   7 body { width: 400px; margin: 0; overflow-y: hidden; }
   8 table { border-spacing: 0; }
   9 td { padding: 0; }
  10 .inner { width: 400px; }
  11 .yellow { background-color: yellow; }
  12 </style>
  13 <script src="resources/autosizingTest.js"></script>
  14 </head>
  15 <body>
  16 <table>
  17   <tr><td>
  18     <table class="inner"><tr><td>
  19       This test passes if the yellow highlight fully covers the long text
  20       without spaces in the cell below. This ensures the inner table is
  21       inflated before the preferred width calculation occurs.
  22     </td></tr></table>
  23   </td></tr>
  24   <tr><td>
  25     <table class="inner"><tr><td class="yellow">
  26       lots_of_text_without_spaces_lots_of_text_without_spaces_lots_of_text_without_spaces_lots_of_text
  27     </td></tr></table>
  28   </td></tr>
  29 </table>
  30 </body>
  31 </html>