viewport-gradient-background-html-move-overflow.html

<!DOCTYPE html>
<style>
html {
  background: linear-gradient(to bottom, blue, cyan);
  border-bottom-width: 100px;
  border-bottom-style: solid;
  border-top-width: 20px;
  border-top-style: solid;
}
body {
  margin: 0;
}
</style>
<div id="div" style="height: 50px"></div>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  // This test is similar to viewport-gradient-background-html-resize.html but
  // the size of the html element does not change but its overflow moves.
  // Test passes if the gradient background changes size and fully repaints.
  document.documentElement.style.borderBottomWidth = '20px';
  document.documentElement.style.borderTopWidth = '100px';
}
onload = runRepaintAndPixelTest;
</script>

chromium/third_party/blink/web_tests/paint/invalidation/background/viewport-gradient-background-html-move-overflow.html