blob: b0ffdf4040b6194d3bc3c42c5661621cb204489c [file] [log] [blame]
<!-- Based on fast/repaint/border-outline-0.html -->
<!DOCTYPE html>
<style>
#border-image,
#border,
#outline {
height: 100px;
width: 100px;
}
td {
height: 50px;
width: 50px;
border-style: hidden;
}
#border-image {
border-image: url(../../../fast/repaint/_example.png) 100% 100 100 round;
border-style: none;
border-width: 50px;
position: absolute;
top: 10px;
left: 10px;
}
</style>
<script src="resources/paint-invalidation-test.js"></script>
<script>
window.expectedPaintInvalidationObjects = [
"LayoutBlockFlow (positioned) DIV id='border-image'",
];
function paintInvalidationTest() {
var border = document.getElementById("border");
border.style.border = "0";
var outline = document.getElementById("outline");
outline.style.outline = "0";
var outline = document.getElementById("cell");
outline.style.borderWidth = "0";
var borderImage = document.getElementById("border-image");
borderImage.style.borderWidth = "0";
}
onload = runPaintInvalidationTest;
</script>
<p>Tests that setting an outline or a border of 0 on an element without a border or outline doesn't repaint.</p>
<div id="border"></div>
<div id="outline"></div>
<div id="border-image"></div>
<table>
<tr>
<td id="cell"></td>
<td></td>
</tr>
</table>