<!DOCTYPE HTML>
<!--
This test simply checks that when we have multiple 3d rendering contexts, that
they get separate and unique id's in the layer tree dump.
-->
<html>
<head>
<style>
.composited {
transform: translateZ(0);
width: 100px;
height: 100px;
background-color: green;
}
#grandparent {
-webkit-transform-style: preserve-3d;
}
#child {
-webkit-transform-style: preserve-3d;
}
#console {
position: absolute;
left: 4000px;
}
</style>
<script>
if (window.testRunner)
testRunner.dumpAsText();
function dumpLayerTree() {
if (window.internals)
document.getElementById("console").innerHTML = window.internals.layerTreeAsText(document);
}
window.onload = dumpLayerTree;
</script>
</head>
<body>
<div class="composited" id="grandparent">
<div class="composited" id="parent">
<div class="composited" id="child">
</div>
</div>
</div>
<pre id="console"></pre>
</body>
</html>