composited-overflow-with-local-background.html

<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
    scroller.style.background = 'green local';
}
onload = runRepaintAndPixelTest;
</script>
<style>
#scroller {
    background: red local;
    overflow: scroll;
    width: 200px;
    height: 200px;
    will-change: transform;
}

.spacer {
    height: 300px;
}
</style>
<!-- #scroller has a locally attached background which will be painted into the
    scrolling contents layer. When the color changes it should repaint. -->
<div id="scroller">
    <div class="spacer"></div>
</div>

chromium/third_party/blink/web_tests/paint/invalidation/overflow/composited-overflow-with-local-background.html