background-misaligned.html | Explore in Territory

<script src="../resources/text-based-repaint.js"></script>
<script>
    function repaintTest()
    {
        document.getElementById("target").style.display = "none";
    }
</script>
<body onload="runRepaintAndPixelTest()">
    <div style="
        width: 267px;
        height: 270px;
        border: solid black;
        background-image: url(../../../fast/backgrounds/size/resources/bikes.bmp);
        -webkit-background-size: 500% 500%;
        position: relative;
    ">
        <div id="target" style="
            width: 40px;
            height: 40px;
            position: absolute;
            bottom: 0;
            right: 0;
            background: red;
        "></div>
    </div>
</body>

chromium/third_party/blink/web_tests/paint/invalidation/background/background-misaligned.html