<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>

if (window.testRunner) {
  testRunner.dumpAsText();
  testRunner.waitUntilDone();
}

function doTest() {
  document.getElementById('layers').innerText = internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_DEVICE_SCALE);
  testRunner.notifyDone();
}

function loadImage() {
  let img = document.getElementById('image');
  img.onload = doTest;
  img.src = "resources/simple_image.png";
}

window.addEventListener('load', loadImage, false);
</script>
</head>

<body>
<p> Tests whether a compositing layer containing only an image uses a standard DPI backing store.</p>
<img id="image" style="transform: translateZ(0px); width: 200px; height: 150px"></img>
<pre id="layers">Layer tree goes here in DRT</pre>
</body>

</html>