<html lang="en">
<head>
  <meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-9">
  <script type="text/javascript" charset="utf-8">
      function doTest()
      {
          var bg = document.querySelector(".test");
          if (window.testRunner)
            testRunner.dumpAsPixels(true);

          // Change the layer to become background only.
          if (window.testRunner)
              testRunner.displayAndTrackRepaints();
          bg.innerHTML = "123";
      }

      window.addEventListener('load', doTest, false);
    </script>
    <style>
    .composited { -webkit-transform: rotate3d(0, 0, 1, 0); }
    .test {
      height: 200px;
      width: 260px;
      background-image: url(../resources/simple_image.png);
    }
   </style>
</head>
<body>
  <div class="test composited"></div>
</body>
</html>