composited-tall-layer-fully-renders.html

<!doctype HTML>
<meta name=fuzzy content="0-2;0-6000000">
<style>
body {
  background: linear-gradient(gray, white);
}
#spacer {
  height:2000px;
  width:100px;
  background-color:lightblue;
}
#composited {
  will-change: transform;
  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="composited"></div>

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

chromium/third_party/blink/web_tests/compositing/composited-tall-layer-fully-renders.html