third_party/WebKit/LayoutTests/paint/overflow/background-mask-should-be-recorded-full.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/run-after-layout-and-paint.js"></script>
   3 <style>
   4 body {
   5     margin: 0;
   6 }
   7
   8 #big-black-box {
   9     position: absolute;
  10     background-color: black;
  11     -webkit-background-clip: text;
  12     width: 100%;
  13     padding-top: 10000px;
  14 }
  15
  16 #mask {
  17     color: transparent;
  18 }
  19
  20 ::-webkit-scrollbar {
  21     width: 0px;
  22     height: 0px;
  23 }
  24 </style>
  25 <div id="big-black-box">
  26     <span id="mask">Background mask</span>
  27 </div>
  28 <script>
  29 runAfterLayoutAndPaint(function() {
  30    window.scrollTo(0, 10000);
  31 }, true);
  32 </script>
  33