mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-19 00:05:36 +00:00
Bug 1442070 [wpt PR 9721] - [css-tables] Test extra height distribution to row groups, a=testonly
Automatic update from web-platform-tests[css-tables] Test extra height distribution to row groups When a table has a specified fixed height that is more than needed by its rows chrome only distributes the extra height to the first table body, ignoring thead, tfoot, and other tbody elements. Note this only contains tests, not a fix. Bug: 708345 Change-Id: Ib477306459a2f49feffe354e2cf3fed9b27e74e1 Reviewed-on: https://chromium-review.googlesource.com/942040 Commit-Queue: David Grogan <dgrogan@chromium.org> Reviewed-by: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/master@{#540760} wpt-commits: 325b754702b2dd03379747d7bb4ec50fc3988628 wpt-pr: 9721 wpt-commits: 325b754702b2dd03379747d7bb4ec50fc3988628 wpt-pr: 9721
This commit is contained in:
David Grogan
James Graham
parent
f113f84fb2
commit
4075d71389
@ -127023,6 +127023,42 @@
|
||||
{}
|
||||
]
|
||||
],
|
||||
"css/css-tables/height-distribution/extra-height-given-to-all-row-groups-001.html": [
|
||||
[
|
||||
"/css/css-tables/height-distribution/extra-height-given-to-all-row-groups-001.html",
|
||||
[
|
||||
[
|
||||
"/css/reference/ref-filled-green-100px-square.xht",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"css/css-tables/height-distribution/extra-height-given-to-all-row-groups-002.html": [
|
||||
[
|
||||
"/css/css-tables/height-distribution/extra-height-given-to-all-row-groups-002.html",
|
||||
[
|
||||
[
|
||||
"/css/reference/ref-filled-green-100px-square.xht",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"css/css-tables/height-distribution/extra-height-given-to-all-row-groups-005.html": [
|
||||
[
|
||||
"/css/css-tables/height-distribution/extra-height-given-to-all-row-groups-005.html",
|
||||
[
|
||||
[
|
||||
"/css/reference/ref-filled-green-100px-square.xht",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"css/css-tables/internal-containing-block-001.html": [
|
||||
[
|
||||
"/css/css-tables/internal-containing-block-001.html",
|
||||
@ -314629,6 +314665,18 @@
|
||||
{}
|
||||
]
|
||||
],
|
||||
"css/css-tables/height-distribution/extra-height-given-to-all-row-groups-003.html": [
|
||||
[
|
||||
"/css/css-tables/height-distribution/extra-height-given-to-all-row-groups-003.html",
|
||||
{}
|
||||
]
|
||||
],
|
||||
"css/css-tables/height-distribution/extra-height-given-to-all-row-groups-004.html": [
|
||||
[
|
||||
"/css/css-tables/height-distribution/extra-height-given-to-all-row-groups-004.html",
|
||||
{}
|
||||
]
|
||||
],
|
||||
"css/css-tables/height-distribution/percentage-sizing-of-table-cell-children.html": [
|
||||
[
|
||||
"/css/css-tables/height-distribution/percentage-sizing-of-table-cell-children.html",
|
||||
@ -508058,6 +508106,26 @@
|
||||
"6b5dfdf5cddd682c347f7c8670459e3ad4e19ffe",
|
||||
"testharness"
|
||||
],
|
||||
"css/css-tables/height-distribution/extra-height-given-to-all-row-groups-001.html": [
|
||||
"0be96a3030ece25682ed695f3973e472c7753b26",
|
||||
"reftest"
|
||||
],
|
||||
"css/css-tables/height-distribution/extra-height-given-to-all-row-groups-002.html": [
|
||||
"3260b1ab45a802872d3831a01d50bc704dac6884",
|
||||
"reftest"
|
||||
],
|
||||
"css/css-tables/height-distribution/extra-height-given-to-all-row-groups-003.html": [
|
||||
"49cfbc7190e689dee7481034eb9a0cff192a7a53",
|
||||
"testharness"
|
||||
],
|
||||
"css/css-tables/height-distribution/extra-height-given-to-all-row-groups-004.html": [
|
||||
"b7c8a0bd61582531a622c020cdc0e39a04c18338",
|
||||
"testharness"
|
||||
],
|
||||
"css/css-tables/height-distribution/extra-height-given-to-all-row-groups-005.html": [
|
||||
"1d62418c7d244062887ab4237b254ce92121a32c",
|
||||
"reftest"
|
||||
],
|
||||
"css/css-tables/height-distribution/percentage-sizing-of-table-cell-children.html": [
|
||||
"55a759d84f38e6adf0f091c9c0ecaa69060cb51a",
|
||||
"testharness"
|
||||
|
||||
@ -0,0 +1,42 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#height-distribution-algorithm">
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
|
||||
<link rel="bookmark" href="https://bugs.chromium.org/p/chromium/issues/detail?id=708345" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="height of rows in thead are increased to match table height" />
|
||||
<title>
|
||||
all row groups receive extra height distribution
|
||||
</title>
|
||||
|
||||
<style>
|
||||
table {
|
||||
background: green;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
#redSquare {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background-color: red;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.
|
||||
</p>
|
||||
<div id="redSquare"></div>
|
||||
<table style="height:100px">
|
||||
<thead>
|
||||
<tr>
|
||||
<td><div style="display:inline-block; width:100px;">
|
||||
</div></td>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
@ -0,0 +1,42 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#height-distribution-algorithm">
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
|
||||
<link rel="bookmark" href="https://bugs.chromium.org/p/chromium/issues/detail?id=708345" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="height of rows in tbody are increased to match table height" />
|
||||
<title>
|
||||
all row groups receive extra height distribution
|
||||
</title>
|
||||
|
||||
<style>
|
||||
table {
|
||||
background: green;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
#redSquare {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background-color: red;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.
|
||||
</p>
|
||||
<div id="redSquare"></div>
|
||||
<table style="height:100px">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><div style="display:inline-block; width:100px;">
|
||||
</div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#height-distribution-algorithm">
|
||||
<link rel="bookmark" href="https://bugs.chromium.org/p/chromium/issues/detail?id=708345" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="All rows of equal intrinsic height should be increased the same amount, regardless of which group they are in, tbody+tbody case" />
|
||||
<title>
|
||||
all row groups receive extra height distribution
|
||||
</title>
|
||||
|
||||
<style>
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
td div {
|
||||
width: 100px;
|
||||
height:10px;
|
||||
}
|
||||
|
||||
tbody {
|
||||
outline: 2px solid lightblue;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<table id="theTable" style="height:100px">
|
||||
<tbody data-expected-height=50>
|
||||
<tr>
|
||||
<td><div></div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody data-expected-height=50>
|
||||
<tr>
|
||||
<td><div></div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<script>
|
||||
checkLayout('#theTable')
|
||||
</script>
|
||||
@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#height-distribution-algorithm">
|
||||
<link rel="bookmark" href="https://bugs.chromium.org/p/chromium/issues/detail?id=708345" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="All rows of equal intrinsic height should be increased the same amount, regardless of which group they are in, thead+tbody case" />
|
||||
<title>
|
||||
all row groups receive extra height distribution
|
||||
</title>
|
||||
|
||||
<style>
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
td div {
|
||||
width: 100px;
|
||||
height:10px;
|
||||
}
|
||||
|
||||
thead, tbody {
|
||||
outline: 2px solid lightblue;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<table id="theTable" style="height:100px">
|
||||
<thead data-expected-height=50>
|
||||
<tr>
|
||||
<td><div></div></td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-expected-height=50>
|
||||
<tr>
|
||||
<td><div></div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<script>
|
||||
checkLayout('#theTable')
|
||||
</script>
|
||||
@ -0,0 +1,42 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#height-distribution-algorithm">
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
|
||||
<link rel="bookmark" href="https://bugs.chromium.org/p/chromium/issues/detail?id=708345" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="height of rows in tfoot are increased to match table height" />
|
||||
<title>
|
||||
all row groups receive extra height distribution
|
||||
</title>
|
||||
|
||||
<style>
|
||||
table {
|
||||
background: green;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
#redSquare {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background-color: red;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.
|
||||
</p>
|
||||
<div id="redSquare"></div>
|
||||
<table style="height:100px">
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td><div style="display:inline-block; width:100px;">
|
||||
</div></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
Loading…
Reference in New Issue
Block a user