src/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-in-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       }, false);
  28     }
  29   </script>
  30 </head>
  31
  32 <!-- Fixed position elements may skip compositing without a scrollable
  33 ancestor. To make sure this test covers the intended scenario, we force the
  34 body element to be tall, so that the FrameView is scrolling. -->
  35 <body style="height: 4000px;">
  36   <pre id="result"></pre>
  37 </body>
  38 </html>
  39