src/third_party/WebKit/LayoutTests/compositing/contents-opaque/control-layer.html

   1 <html>
   2     <head>
   3         <style type="text/css">
   4             .composited {
   5                 -webkit-transform: translateZ(0);
   6             }
   7         </style>
   8         <script type="text/javascript">
   9             if (window.testRunner)
  10                 testRunner.dumpAsText();
  11
  12             function doTest() {
  13                 if (window.testRunner && window.internals) {
  14                     var layerTree = window.internals.elementLayerTreeAsText(document.getElementById('control'));
  15                     document.getElementById('result').innerText =
  16                         layerTree.indexOf('contentsOpaque 1') == -1 ? 'PASS' : 'FAIL:\n' + layerTree;
  17                 }
  18             }
  19             window.addEventListener('load', doTest, false);
  20         </script>
  21     </head>
  22     <body>
  23         <!-- Composited control element. -->
  24         <!-- Control elements are rendered by native theme. ->
  25         <!-- GraphicsLayer::contentsOpaque for control element should be false. -->
  26         <input id="control" class="composited" type="button" value="Composited Button">
  27
  28         <pre id="result"></pre>
  29     </body>
  30 </html>