30 lines
860 B
HTML
30 lines
860 B
HTML
<!DOCTYPE html>
|
|
<body>
|
|
<pre id="results"></pre>
|
|
<div id="target" style="position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: black;"></div>
|
|
<script>
|
|
|
|
if (window.testRunner) {
|
|
testRunner.waitUntilDone();
|
|
testRunner.dumpAsText();
|
|
}
|
|
|
|
const target = document.getElementById("target");
|
|
target.style.opacity = "0.5";
|
|
target.style.marginLeft = "100px";
|
|
setTimeout(() => {
|
|
target.style.removeProperty("opacity");
|
|
target.style.removeProperty("margin-left");
|
|
target.style.transitionProperty = "margin-left opacity";
|
|
target.style.transitionDuration = "1s";
|
|
requestAnimationFrame(() => {
|
|
if (window.internals)
|
|
document.getElementById("results").innerText = internals.layerTreeAsText(document);
|
|
if (window.testRunner)
|
|
testRunner.notifyDone();
|
|
});
|
|
});
|
|
|
|
</script>
|
|
</body>
|