<!--
Test for bug69296.
Collapsed borders should not disappear.
-->
<html>
<head>
<script src="../resources/text-based-repaint.js"></script>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<style>
BODY {
margin: 20px;
}
TABLE {
border-collapse: collapse;
}
TD {
width: 50px;
height: 50px;
border: 1px solid #333333;
}
#row1.change {
background-color: #ddd;
color: #111;
}
</style>
<head>
<script type="text/javascript">
window.testIsAsync = true;
function repaintTest() {
row1.classList.add('change');
runAfterLayoutAndPaint(function() {
row1.classList.remove('change');
runAfterLayoutAndPaint(function() {
finishRepaintTest();
});
});
}
</script>
</head>
<body onload="runRepaintAndPixelTest()">
<table>
<tr id="row1">
<td valign="top"/>
<td/>
<td>
<div>
<div style="width: 20px; height: 20px; background: lime;"/>
</div>
</td>
</tr>
<tr id="row2">
<td/>
<td/>
<td/>
</tr>
</table>
</body>
</html>
Codebase Browser
chromium