shift-relative-positioned-container-with-image-addition.html

<!DOCTYPE html>
<html>
<style>
img {
    max-width: 100%;
}
.relative {
    position: relative;
}
/* Not needed but helps to see the bug. */
.paddingTop {
    padding: 50px;
}
</style>
<script src="../resources/text-based-repaint.js" type="text/javascript"></script>
<script>
function repaintTest()
{
    iframe.style.display = "block";
}
window.addEventListener("load", runRepaintAndPixelTest, false);
</script>
<body>
    <p><a href="https://code.google.com/p/chromium/issues/detail?id=353933">issue 353933</a>: Pages missing invalidations<br>
        The test checks that creating a new renderer correctly invalidate the existing shifted content.
        The image should be correctly invalidated below.</p>
    <iframe id="iframe" width="728" height="90" style="display: none"></iframe>
    <div class="relative">
        <div class="relative paddingTop">
            <img src="../resources/ducky.png"></img>
        </div>
    </div>
</body>
</html>

chromium/third_party/blink/web_tests/paint/invalidation/position/shift-relative-positioned-container-with-image-addition.html