<!DOCTYPE html>
<html>
<head>
<title>This tests that fixed positioned pseudo content gets composited.</title>
<style>
  .pseudo_content:before {
    background: blue;
    content: "foobar before content";
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
  }

  .pseudo_content:after {
    background: green;
    content: "foobar after content";
    display: block;
    position: fixed;
    top: 100px;
    left: 0px;
  }
</style>
<script>
  if (window.internals)
    window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true);

  if (window.testRunner)
    testRunner.dumpAsText();

  if (window.internals) {
    window.addEventListener("load", function() {
      document.getElementById("layerTree").innerText = window.internals.layerTreeAsText(document);
    }, false);
  }    
</script>
</head>
<body>
  <div class=pseudo_content></div>
  <pre id=layerTree></pre>
</body>
</html>