outline-change-invalidation.html | Explore in Territory

<!DOCTYPE html>
<html>
<head>
<style>
a {
    display: block;
    outline: thin dotted green;
    outline-width: 0px;
}
</style>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest()
{
    document.getElementById("link").style.outlineWidth = "5px";
}
window.addEventListener("load", runRepaintAndPixelTest, false);
</script>
</head>
<body>
    <p>This test checks that an outline change is correctly repainted.</p>
    <p>There should be a 5px green outline below.</p>
    <ul>
        <li><a id="link">Lorem Ipsum</a></li>
    </ul>
</body>
</html>

chromium/third_party/blink/web_tests/paint/invalidation/outline/outline-change-invalidation.html