computing-row-measure-0.html (2218B)
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 <h4>"Computing row measures"</h4> 10 <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> 11 12 <hr/> 13 <table id="one" cellspacing="0" cellpadding="0"> 14 <tbody style="height: 1px;"> 15 <tr style="height: 10px;"> 16 <td style="height: 1px;"></td> 17 </tr> 18 </tbody> 19 </table> 20 21 <table id="two" cellspacing="0" cellpadding="0"> 22 <tbody style="height: 10px;"> 23 <tr style="height: 1px;"> 24 <td style="height: 1px;"></td> 25 </tr> 26 </tbody> 27 </table> 28 29 <table id="three" cellspacing="0" cellpadding="0"> 30 <tbody style="height: 1px;"> 31 <tr style="height: 1px;"> 32 <td style="height: 10px;"></td> 33 </tr> 34 </tbody> 35 </table> 36 37 <table id="four" cellspacing="0" cellpadding="0"> 38 <tbody style="height: 10px;"> 39 <tr> 40 <td style="height: 1px;"></td> 41 </tr> 42 </tbody> 43 </table> 44 </main> 45 46 <script> 47 var i = 1; 48 generate_tests(assert_equals, [ 49 [ 50 "Checking intermediate min-content height for span 1 (1)", 51 document.getElementById('one').offsetHeight, 52 10 53 ], 54 [ 55 "Checking intermediate min-content height for span 1 (2)", 56 document.getElementById('two').offsetHeight, 57 10 58 ], 59 [ 60 "Checking intermediate min-content height for span 1 (3)", 61 document.getElementById('three').offsetHeight, 62 10 63 ], 64 [ 65 "Checking intermediate min-content height for span 1 (4)", 66 document.getElementById('four').offsetHeight, 67 10 68 ] 69 ]); 70 </script> 71 </html>