diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
| commit | 43a97878ce14b72f0981164f87f2e35e14151312 (patch) | |
| tree | 620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/css/css-tables/width-distribution/computing-column-measure-1.html | |
| parent | Initial commit. (diff) | |
| download | firefox-43a97878ce14b72f0981164f87f2e35e14151312.tar.xz firefox-43a97878ce14b72f0981164f87f2e35e14151312.zip | |
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-tables/width-distribution/computing-column-measure-1.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-tables/width-distribution/computing-column-measure-1.html | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-tables/width-distribution/computing-column-measure-1.html b/testing/web-platform/tests/css/css-tables/width-distribution/computing-column-measure-1.html new file mode 100644 index 0000000000..eeae1c7a46 --- /dev/null +++ b/testing/web-platform/tests/css/css-tables/width-distribution/computing-column-measure-1.html @@ -0,0 +1,92 @@ +<!doctype html> +<script src='/resources/testharness.js'></script> +<script src='/resources/testharnessreport.js'></script> +<link rel='stylesheet' href='../support/base.css' /> + +<link rel="author" title="Greg Whitworth" href="gwhit@microsoft.com" /> +<link rel="help" href="https://drafts.csswg.org/css-tables-3/#computing-column-measures" /> +<main> + <h1>Height Distribution</h1> + <h4>"Computing row measures"</h4> + <p>This is testing intermediate min-content height for span 2</p> + + <hr/> + <table cellspacing="0" cellpadding="0"> + <tbody style="height: auto"> + <tr style="height: 10px"> + <td id="one" style="height: 1px"></td> + <td rowspan="2" style="height: 51px"></td> + </tr> + <tr style="height: 20px"> + <td style="height: 2px"></td> + </tr> + </tbody> + </table> + + <table cellspacing="0" cellpadding="0"> + <tbody style="height: auto"> + <tr style="height: 10px"> + <td id="two" style="height: 1px"></td> + <td rowspan="2" style="height: 51px"></td> + </tr> + <tr style="height: auto"> + <td style="height: auto"></td> + </tr> + </tbody> + </table> + + <table cellspacing="0" cellpadding="0"> + <tbody style="height: 51px"> + <tr style="height: 10px"> + <td id="three" style="height: 1px"></td> + <td rowspan="2" style="height: 51px"></td> + </tr> + <tr style="height: 20px"> + <td style="height: 2px"></td> + </tr> + </tbody> + </table> + + <table cellspacing="0" cellpadding="0"> + <tbody style="height: 51px"> + <tr style="height: 10px"> + <td id="four" style="height: 1px"></td> + </tr> + <tr style="height: 20px"> + <td style="height: 2px"></td> + </tr> + </tbody> + </table> + +</main> + +<style> + table { margin-bottom: 10px; width: 50px; } + td { outline: 1px solid red; outline-offset: -1px; } +</style> +<script> + var i = 1; + generate_tests(assert_equals, [ + [ + "Checking intermediate min-content height for span 2 (1)", + document.getElementById('one').offsetHeight, + 17 + ], + [ + "Checking intermediate min-content height for span 2 (2)", + document.getElementById('two').offsetHeight, + 51 + ], + [ + "Checking intermediate min-content height for span 2 (3)", + document.getElementById('three').offsetHeight, + 17 + ], + [ + "Checking intermediate min-content height for span 2 (4)", + document.getElementById('four').offsetHeight, + 17 + ] + ]); +</script> +</html> |