src/third_party/WebKit/LayoutTests/compositing/iframes/resources/fixed-position-transformed-subframe.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style type='text/css'>
   5     body {
   6         height: 1000px;
   7     }
   8
   9     .green {
  10         background-color: green;
  11     }
  12
  13     .fixed {
  14         position: fixed;
  15         top: 0px;
  16         left: 0px;
  17     }
  18
  19     .box {
  20         width: 300px;
  21         height: 300px;
  22     }
  23
  24     .container {
  25         position: relative;
  26     }
  27
  28     .perspective {
  29         -webkit-perspective: 1px;
  30     }
  31   </style>
  32   <script src="../../../resources/run-after-display.js"></script>
  33   <script>
  34     if (window.testRunner) {
  35       testRunner.dumpAsTextWithPixelResults();
  36     }
  37
  38     function doTest()
  39     {
  40       if (window.testRunner)
  41         testRunner.waitUntilDone();
  42
  43       // Any scroll should keep the fixed-position element where it is.
  44       // If it stutters or disappears incorrectly, then the red background will be revealed.
  45       window.scrollTo(0, 150);
  46
  47       if (window.testRunner) {
  48         runAfterDisplay(function() {
  49           testRunner.notifyDone();
  50         });
  51       }
  52     }
  53
  54     window.addEventListener('load', doTest, false);
  55   </script>
  56 </head>
  57 <body>
  58   <div class="green fixed box">
  59     <div class="container">
  60       <div class="perspective"></div>
  61     </div>
  62   </div>
  63 </body>
  64 </html>