<!doctype HTML>
<style>
body {
  background: linear-gradient(gray, white);
}
#spacer {
  height:2000px;
  width:100px;
  background-color:lightblue;
}
#noncomposited {
  height:6000px;
  width:100px;
  background: linear-gradient(blue, yellow);
}
</style>
<!-- The test passes if the gradient div is properly visible. -->
<div id="spacer"></div>
<div id="noncomposited"></div>

<script src="../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
  window.scrollBy(0, 8000);
}, true);
</script>