third_party/WebKit/LayoutTests/compositing/fixed-body-background-positioned.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5         body {
   6             margin: 100px;
   7             height: 3500px;
   8             background-image: url('resources/simple_image.png');
   9             background-size: 200px 200px;
  10             background-attachment: fixed;
  11             background-repeat: no-repeat;
  12             background-position: bottom right;
  13         }
  14
  15         .test {
  16             height: 400px;
  17             width: 600px;
  18             background-color: rgba(0, 0, 0, 0.5);
  19             border: 20px solid orange;
  20         }
  21     </style>
  22     <script src="../resources/run-after-layout-and-paint.js"></script>
  23     <script>
  24     if (window.testRunner) {
  25         testRunner.dumpAsTextWithPixelResults();
  26         window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  27     }
  28
  29     function doTest()
  30     {
  31         window.scrollTo(0, 200);
  32
  33         runAfterLayoutAndPaint(function()
  34         {
  35             if (window.internals && window.testRunner) {
  36                 var layerTree = internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_ROOT_LAYER);
  37                 if (layerTree.indexOf('\n    {\n\n    }\n') != -1)
  38                     layerTree = internals.layerTreeAsText(document, 1 | internals.LAYER_TREE_INCLUDES_ROOT_LAYER);
  39                 testRunner.setCustomTextOutput(layerTree);
  40             }
  41         }, true);
  42     }
  43
  44     window.addEventListener('load', doTest, false);
  45     </script>
  46 </head>
  47 <body>
  48     <div class="test"></div>
  49 </body>
  50 </html>