<!DOCTYPE html>
<html>
  <head>
    <style>
    .container {
        position: relative;
        margin: 10px;
        left: 550px;
        height: 200px;
        width: 200px;
        background-color: silver;
    }
    #target {
        text-indent: -300px;
        width: 200px;
        height: 50px;
        overflow: hidden;
        background-color: green;
    }
    
    .composited {
        -webkit-transform: translateZ(0);
    }
    </style>
    <script>
      if (window.testRunner)
            testRunner.dumpAsText(true);

      function dumpLayers()
      {
          if (window.testRunner)
                document.getElementById('layers').innerText = window.internals.layerTreeAsText(document);
      }

      window.addEventListener('load', dumpLayers, false);
    </script>
</head>
<body onload="runRepaintTest();">
    <div class="container">
        <div class="composited" id="target">Hidden Text</div>
    </div>

    <div class="container composited">
        <div id="target">Hidden Text</div>
    </div>
<pre id="layers"></pre>
</body>
</html>