81 lines
2.9 KiB
HTML
81 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
#firstCell {
|
|
border-right: 3px solid #e5ecf9;
|
|
width: 12em;
|
|
padding: 0.5em .5em .5em 0;
|
|
font-size: 95%;
|
|
}
|
|
#content {
|
|
position: relative;
|
|
}
|
|
#fixedTable {
|
|
table-layout: fixed;
|
|
}
|
|
#firstFixedCell {
|
|
width: 21.2px;
|
|
margin: 0.3px;
|
|
padding: 0.1px;
|
|
}
|
|
</style>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
<tbody class="collapse">
|
|
<tr>
|
|
<td id="firstCell">
|
|
<div id="content">
|
|
<table cellspacing="0" cellpadding="0">
|
|
<tbody>
|
|
<tr>
|
|
<th align="left">Cc:</th>
|
|
<td>AutoTableLayout</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
<td width="100%"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<table id="fixedTable">
|
|
<tr>
|
|
<td id="firstFixedCell"><div id="fixedContent">foo</div></td>
|
|
<td>FixedTableLayout</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p>
|
|
Tests that setting the width of an element inside a cell to the computed width of said element does not change the width of the cell itself.
|
|
</p>
|
|
|
|
<script>
|
|
var autoEl = document.getElementById("content");
|
|
var autoCell = document.getElementById("firstCell");
|
|
var autoExpectedWidth = String(autoCell.getBoundingClientRect().width);
|
|
autoEl.style.width = autoEl.getBoundingClientRect().width + "px";
|
|
if (Math.floor(autoCell.getBoundingClientRect().width) == Math.floor(autoExpectedWidth))
|
|
testPassed('Cell in AutoTable has expected size');
|
|
else
|
|
shouldBe('autoCell.getBoundingClientRect().width', autoExpectedWidth);
|
|
|
|
|
|
var fixedEl = document.getElementById("fixedContent");
|
|
var fixedCell = document.getElementById("firstFixedCell");
|
|
var fixedExpectedWidth = String(fixedCell.getBoundingClientRect().width);
|
|
fixedEl.style.width = fixedEl.getBoundingClientRect().width + "px";
|
|
if (Math.floor(fixedCell.getBoundingClientRect().width) == Math.floor(fixedExpectedWidth))
|
|
testPassed('Cell in FixedTable has expected size');
|
|
else
|
|
shouldBe('fixedCell.getBoundingClientRect().width', fixedExpectedWidth);
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|