third_party/WebKit/LayoutTests/fast/text-autosizing/tables/css-table-single-cell-lots-of-text.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta name="viewport" content="width=800">
   5 <style>
   6   body {
   7     width: 800px;
   8     margin: 0;
   9     overflow-y: hidden;
  10     font-size: 12px;
  11   }
  12   #description {
  13     overflow: clip;
  14     width: 600px;
  15     height: 3em;
  16   }
  17   .css-table {
  18     display: table;
  19     outline: 1px solid black;
  20     margin: 1px;
  21   }
  22   .css-row {
  23     display: table-row;
  24   }
  25   .css-cell {
  26     display: table-cell;
  27     background-color: honeydew;
  28     border: 1px dotted darkgreen;
  29   }
  30 </style>
  31 <script src="../resources/autosizingTest.js"></script>
  32 </head>
  33 <body>
  34 <div id="description">
  35 Table autosizing tests - css-table-single-cell-lots-of-text.html<br/>
  36 This test passes if there is a one cell with lots of text that's autosized, and five single-word cells that are not autosized.
  37 </div>
  38 <div class="css-table">
  39   <div class="css-row">
  40     <div class="css-cell">hello</div>
  41     <div class="css-cell">hello</div>
  42     <div class="css-cell">hello</div>
  43   </div>
  44   <div class="css-row">
  45     <div class="css-cell">
  46       hello
  47     </div>
  48     <div class="css-cell">
  49       hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello
  50     </div>
  51     <div class="css-cell">
  52       hello
  53     </div>
  54   </div>
  55 </div>
  56 </body>
  57 </html>