<!doctype html>
<style>
td {
width: 50px;
height: 50px;
padding: 0px;
}
</style>
<script src="../../resources/check-layout.js"></script>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script type="text/javascript">
runAfterLayoutAndPaint(function() {
document.getElementById("row").style.borderWidth = "4px";
checkLayout("table");
}, true);
</script>
There should be a square with a 4px blue border.
<table style="border-collapse:collapse" data-expected-width=58 data-expected-height=58>
<tr style="border:18px solid lightblue" id="row">
<td />
</tr>
</table>