src/third_party/WebKit/LayoutTests/compositing/repaint/should-not-clip-composited-overflow-scrolling-layer.html

   1 <!DOCTYPE HTML>
   2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
   3 <script>
   4 if (window.internals)
   5   internals.settings.setPreferCompositingToLCDTextEnabled(true);
   6 function repaintTest() {
   7   document.getElementById('content').style.backgroundColor = 'green';
   8   var container = document.getElementById('container');
   9   container.scrollLeft = 2000;
  10   container.scrollTop = 2000;
  11 }
  12 window.onload = runRepaintTest;
  13 </script>
  14 <style>
  15 #container {
  16   width: 500px;
  17   height: 500px;
  18   overflow: scroll;
  19 }
  20 #content {
  21   width: 5000px;
  22   height: 5000px;
  23   background-color: red;
  24 }
  25 </style>
  26 <div id="container">
  27   <div id="content">
  28   Tests invalidation of scrolling layer. Passes if the repaint rect is not clipped,
  29   and there is no red when the scrolling container is scrolled.<br>
  30   Note for manual testing: must run with --enable-prefer-compositing-to-lcd-text
  31   on non-high-dpi machines to enable composited scrolling.
  32   </div>
  33 </div>