src/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
  32 <script>
  33 if (window.internals) {
  34     window.internals.settings.setTextAutosizingEnabled(true);
  35     window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
  36 } else if (window.console && console.warn) {
  37     console.warn("This test depends on the Text Autosizing setting being true, so run it in DumpRenderTree, or manually enable Text Autosizing, and either use a mobile device with 320px device-width (like Nexus S or iPhone), or define HACK_FORCE_TEXT_AUTOSIZING_ON_DESKTOP.");
  38 }
  39 </script>
  40
  41 </head>
  42 <body>
  43 <div id="description">
  44 Table autosizing tests - css-table-lots-of-text-many-cells.html<br/>
  45 This test passes if none of the 18 cells are autosized.
  46 </div>
  47 <div class="css-table">
  48   <div class="css-row">
  49     <div class="css-cell">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 class="css-cell">hello hello hello hello hello hello hello</div>
  55   </div>
  56   <div class="css-row">
  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 class="css-cell">hello hello hello hello hello hello hello</div>
  63   </div>
  64   <div class="css-row">
  65     <div class="css-cell">hello hello hello hello hello hello hello</div>
  66     <div class="css-cell">hello hello hello hello hello hello hello</div>
  67     <div class="css-cell">hello hello hello hello hello hello hello</div>
  68     <div class="css-cell">hello hello hello hello hello hello hello</div>
  69     <div class="css-cell">hello hello hello hello hello hello hello</div>
  70     <div class="css-cell">hello hello hello hello hello hello hello</div>
  71   </div>
  72 </div>
  73 </body>
  74 </html>