third_party/WebKit/LayoutTests/fast/repaint/fixed-element-repaint-after-compositing-update.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 #fixedTransformed {
   6     position: fixed;
   7     transform: translateZ(0)
   8 }
   9 #fixedOverlapping {
  10     position: fixed;
  11     z-index: 0;
  12     width: 100%;
  13     height: 100%;
  14 }
  15 #moveMe {
  16     position: fixed;
  17     z-index: 1;
  18     background: green;
  19     width: 100px;
  20     height: 100px;
  21 }
  22 </style>
  23 <script src="resources/text-based-repaint.js"></script>
  24 <script>
  25 function repaintTest() {
  26     var mP = document.getElementById("moveMe");
  27     mP.style.top = "150px";
  28     mP.style.left = "150px";
  29 }
  30
  31 runRepaintTest();
  32 </script>
  33 </head>
  34
  35 <body>
  36     <p>This test checks that we correctly invalidate a shifted fixed positioned element overlapping another fixed positioned element.</p>
  37     <p>For this test, there should be only one green square below.</p>
  38     <div id="fixedTransformed"></div>
  39     <div id="fixedOverlapping"></div>
  40     <div id="moveMe"></div>
  41 </body>