src/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-out-of-view-dynamic.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style>
   6     .fixed {
   7       position: fixed;
   8       width: 10px;
   9       height: 10px;
  10       top: -100px;
  11       background-color: silver;
  12     }
  13   </style>
  14
  15   <script type="text/javascript">
  16     if (window.testRunner && window.internals) {
  17       testRunner.dumpAsText();
  18       internals.settings.setPreferCompositingToLCDTextEnabled(true);
  19
  20       addEventListener("load", function() {
  21         var fixed = document.createElement("div");
  22         document.body.appendChild(fixed);
  23         document.body.offsetHeight;
  24         fixed.className = "fixed";
  25         var mainThreadScrollingReasons = internals.mainThreadScrollingReasons(document);
  26         document.getElementById("result").innerText = !mainThreadScrollingReasons ? "PASS" : "FAIL: " + mainThreadScrollingReasons;
  27         testRunner.notifyDone();
  28       }, false);
  29     }
  30   </script>
  31 </head>
  32
  33 <!-- Fixed position elements may skip compositing without a scrollable
  34 ancestor. To make sure this test covers the intended scenario, we force the
  35 body element to be tall, so that the FrameView is scrolling. -->
  36 <body style="height: 4000px;">
  37   <pre id="result"></pre>
  38 </body>
  39 </html>
  40