src/third_party/WebKit/LayoutTests/compositing/contents-opaque/body-background-painted.html

   1 <html style="background-color: lightgray">
   2     <head>
   3         <style type="text/css">
   4             body {
   5                 width: 100px;
   6                 height: 100px;
   7                 background-color: blue;
   8             }
   9             #underbody {
  10                 position: fixed;
  11                 z-index: -1;
  12                 width: 200px;
  13                 height: 200px;
  14                 background-color: green;
  15                 transform: translateZ(0);
  16             }
  17         </style>
  18         <script type="text/javascript">
  19             if (window.testRunner)
  20                 testRunner.dumpAsText();
  21
  22             function doTest() {
  23                 if (window.testRunner && window.internals)
  24                     document.getElementById('layertree').innerText = window.internals.layerTreeAsText(document);
  25             }
  26             window.addEventListener('load', doTest, false);
  27         </script>
  28     </head>
  29     <!-- Composited body over the child div. -->
  30     <!-- Root <html> element has a background-color. -->
  31     <!-- Background for the body element is painted in this case. ->
  32     <!-- GraphicsLayer::contentsOpaque for the body layer should be false. -->
  33     <body>
  34         <!-- Box under the body. -->
  35         <div id="underbody"></div>
  36
  37         <pre id="layertree"></pre>
  38     </body>
  39 </html>