blob: f4e6afdb8f51b005041e01500529e771586db290 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
.box {
width: 120px;
height: 100px;
background-color: blue;
margin: 180px 100px;
position: relative;
box-shadow: 0 0 10px black;
-webkit-transform-origin: 80% 20%;
transition: -webkit-transform 10s;
}
.dot {
position: absolute;
top: 0;
left: 0;
height: 4px;
width: 4px;
background-color: silver;
}
body.changed .box {
-webkit-transform: scale(1.3) rotate(45deg);
}
</style>
<script src="resources/compositing-overlap-utils.js"></script>
<script>
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
function dumpLayers()
{
if (window.testRunner) {
document.getElementById('layers').innerText = window.internals.layerTreeAsText(document);
testRunner.notifyDone();
}
}
function runTest()
{
makeDots(42, 42);
window.setTimeout(function() {
document.body.classList.add('changed');
window.setTimeout(dumpLayers, 0);
}, 0);
}
window.addEventListener('load', runTest, false);
</script>
</head>
<body>
<div class="box">
</div>
<pre id="layers"></pre>
</body>
</html>