third_party/WebKit/LayoutTests/paint/invalidation/spv2/fixed-descendant-of-transformed-scrolled.html

   1 <!-- Based on fast/repaint/fixed-descendant-of-transformed-scrolled.html -->
   2 <!DOCTYPE html>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5 window.expectedPaintInvalidationObjects = [
   6     "LayoutBlockFlow (positioned) DIV id='fixed'",
   7 ];
   8 function paintInvalidationTest() {
   9   document.getElementById('fixed').style.backgroundColor = 'green';
  10 }
  11 onload = function() {
  12   document.getElementById('transformed').scrollTop = 50;
  13   runPaintInvalidationTest();
  14 }
  15 </script>
  16 <style>
  17 #transformed {
  18   position: absolute;
  19   top: 50px;
  20   left: 100px;
  21   transform: translateX(0);
  22   overflow: scroll;
  23   width: 300px;
  24   height: 300px;
  25 }
  26 #fixed {
  27   position: fixed;
  28   top: 150px;
  29   left: 100px;
  30   width: 100px;
  31   height: 100px;
  32   background-color: red;
  33 }
  34 #relative {
  35   position: relative;
  36   top: 50px;
  37   left: 50px;
  38 }
  39 /* to make the transformed container scrollable */
  40 #content {
  41   width: 1000px;
  42   height: 1000px;
  43 }
  44 </style>
  45 Tests invalidation of a fixed-position descendant of a transformed scrolled element.
  46 Passes if there is a green box at the center of the scrollable area.
  47 <div id="transformed">
  48   <div id="relative">
  49     <div id="fixed"></div>
  50     <div id="content"></div>
  51   </div>
  52 </div>