third_party/WebKit/LayoutTests/fast/text-autosizing/nested-table-long-word-2.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   .yellow { background-color: yellow; }
  11 </style>
  12 <script src="resources/autosizingTest.js"></script>
  13 </head>
  14 <body>
  15 <table style="width: 700px">
  16   <tr><td>
  17     <table><tr>
  18       <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>
  23     </tr></table>
  24   </td></tr>
  25   <tr><td>
  26     <table class="yellow"><tr>
  27       <td><div>
  28         text...text...text...text...text...text...text...text...text...end!
  29       </div></td>
  30     </tr></table>
  31   </td></tr>
  32 </table>
  33 </body>
  34 </html>