tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

computing-column-measure-0.html (2305B)

      1 <!doctype html>
      2 <script src='/resources/testharness.js'></script>
      3 <script src='/resources/testharnessreport.js'></script>
      4 <link rel='stylesheet' href='../support/base.css' />
      5 
      6 <link rel="author" title="Greg Whitworth" href="gwhit@microsoft.com" />
      7 <link rel="help" href="https://drafts.csswg.org/css-tables-3/#computing-column-measures" />
      8 <main>
      9    <h1>Width Distribution</h1>
     10    <h4>"Computing column measures"</h4>
     11    <p>This is testing that the table root's minimum is max(table-root width, capmin, gridmin) <a href="https://drafts.csswg.org/css-tables-3/#computing-the-table-width">Spec Text</a></p>
     12 
     13    <hr/>
     14    <table id="one" cellspacing="0" cellpadding="0">
     15        <colgroup style="width: 1px;">
     16            <col style="width: 10px;"></col>
     17        </colgroup>
     18        <tr>
     19            <td style="width: 1px;"></td>
     20        </tr>
     21    </table>
     22 
     23    <table id="two" cellspacing="0" cellpadding="0">
     24        <colgroup style="width: 10px;">
     25            <col style="width: 1px;"></col>
     26        </colgroup>
     27        <tr>
     28            <td style="width: 1px;"></td>
     29        </tr>
     30    </table>
     31 
     32    <table id="three" cellspacing="0" cellpadding="0">
     33        <colgroup style="width: 1px;">
     34            <col style="width: 1px;"></col>
     35        </colgroup>
     36        <tr>
     37            <td style="width: 10px;"></td>
     38        </tr>
     39    </table>
     40 
     41    <table id="four" cellspacing="0" cellpadding="0">
     42        <colgroup style="width: 10px;">
     43            <col></col>
     44        </colgroup>
     45        <tr>
     46            <td style="width: 1px;"></td>
     47        </tr>
     48    </table>
     49 </main>
     50 
     51 <script>
     52    var i = 1;
     53    generate_tests(assert_equals, [
     54        [
     55            "Checking intermediate min-content width for span 1 (1)",
     56            document.getElementById('one').offsetWidth,
     57            10
     58        ],
     59        [
     60            "Checking intermediate min-content width for span 1 (2)",
     61            document.getElementById('two').offsetWidth,
     62            1
     63        ],
     64        [
     65            "Checking intermediate min-content width for span 1 (3)",
     66            document.getElementById('three').offsetWidth,
     67            10
     68        ],
     69        [
     70            "Checking intermediate min-content width for span 1 (4)",
     71            document.getElementById('four').offsetWidth,
     72            10
     73        ]
     74    ]);
     75 </script>
     76 </html>