<!DOCTYPE html>
<style>
#bloat {
    height: 1000px;
}

#composited-background-attachment-fixed {
    position: absolute;
    left: 50px;
    top: 200px;
    width: 500px;
    height: 1000px;
    background: url('../resources/grid.png') -50px -77px;
    will-change: opacity;
}
</style>
<div id="bloat">
The test verifies background-attachment:fixed gets invalidated after scroll even if they are composited.
</div>
<div id="composited-background-attachment-fixed"></div>
<script>
scrollTo(0, 123);
</script>