third_party/WebKit/LayoutTests/paint/invalidation/spv2/paged-with-overflowing-block-rl.html

   1 <!-- Based on fast/repaint/paged-with-overflowing-block-rl.html -->
   2 <!DOCTYPE html>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5     onload = runPaintInvalidationTest;
   6     window.expectedPaintInvalidationObjects = [
   7         "LayoutBlockFlow DIV id='elm'",
   8     ];
   9     function paintInvalidationTest() {
  10         document.getElementById('elm').style.background = 'green';
  11     }
  12 </script>
  13 <div id="container" style="overflow:-webkit-paged-x; -webkit-column-gap:0; width:500px; height:500px; -webkit-writing-mode:vertical-rl;">
  14     <div style="width:100px;">
  15         <div id="elm" style="width:1000px; background:yellow;"></div>
  16     </div>
  17 </div>
  18 <script>
  19         document.getElementById("container").scrollLeft = 0;
  20 </script>
  21 <p>Test changing the background color of a big block that overflows the flow thread.</p>
  22 <p>A green square with a horizontal scrollbar should be seen above.</p>