background-size-auto-with-gradient-and-height-changes.html

<html>
<head>
<script src="../resources/text-based-repaint.js"></script>

<style>
#outer {
    padding-top: 200px;
    background: linear-gradient(rgba(255,255,0,0), rgba(0,0,0,1));
    background-size: auto;
}

#inner {
    height: 100px;
}
</style>

<script>
// This test verifies that gradient background gets repainted properly after child box height change.
function repaintTest() {
    document.getElementById('inner').style.height = '300px';
}
</script>
</head>

<body onload='runRepaintAndPixelTest();'>
<div id='outer'>
    <div id='inner'>
    </div>
</div>
</body>
</html>

chromium/third_party/blink/web_tests/paint/invalidation/background/background-size-auto-with-gradient-and-height-changes.html