third_party/WebKit/LayoutTests/compositing/contents-opaque/layer-transform.html

   1 <html>
   2     <head>
   3         <style type="text/css">
   4             .box {
   5                 width: 100px;
   6                 height: 100px;
   7                 background-color: green;
   8                 transform: rotate(30deg) translateZ(0);
   9             }
  10         </style>
  11         <script type="text/javascript">
  12             if (window.testRunner)
  13                 testRunner.dumpAsText();
  14
  15             function doTest() {
  16                 if (window.testRunner && window.internals)
  17                     document.getElementById('layertree').innerText = window.internals.layerTreeAsText(document);
  18             }
  19             window.addEventListener('load', doTest, false);
  20         </script>
  21     </head>
  22     <body>
  23         <!-- Box with opaque background color and transform. -->
  24         <!-- Layer transform does not affect the opaqueness of content. -->
  25         <!-- GraphicsLayer::contentsOpaque for this box should be true. -->
  26         <div class="box"></div>
  27
  28         <pre id="layertree"></pre>
  29     </body>
  30 </html>