third_party/WebKit/LayoutTests/fast/text-autosizing/tables/css-table-lots-of-text-many-cells.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-lots-of-text-many-cells.html<br/>
  36 This test passes if none of the 18 cells are 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 hello hello hello hello hello hello</div>
  42     <div class="css-cell">hello hello hello hello hello hello hello</div>
  43     <div class="css-cell">hello hello hello hello hello hello hello</div>
  44     <div class="css-cell">hello hello hello hello hello hello hello</div>
  45     <div class="css-cell">hello hello hello hello hello hello hello</div>
  46   </div>
  47   <div class="css-row">
  48     <div class="css-cell">hello hello hello hello hello hello hello</div>
  49     <div class="css-cell">hello hello hello hello hello hello hello</div>
  50     <div class="css-cell">hello hello hello hello hello hello hello</div>
  51     <div class="css-cell">hello hello hello hello hello hello hello</div>
  52     <div class="css-cell">hello hello hello hello hello hello hello</div>
  53     <div class="css-cell">hello hello hello hello hello hello hello</div>
  54   </div>
  55   <div class="css-row">
  56     <div class="css-cell">hello hello hello hello hello hello hello</div>
  57     <div class="css-cell">hello hello hello hello hello hello hello</div>
  58     <div class="css-cell">hello hello hello hello hello hello hello</div>
  59     <div class="css-cell">hello hello hello hello hello hello hello</div>
  60     <div class="css-cell">hello hello hello hello hello hello hello</div>
  61     <div class="css-cell">hello hello hello hello hello hello hello</div>
  62   </div>
  63 </div>
  64 </body>
  65 </html>