LayoutTests/spatial-css/spatial-portal-layers.html

<!DOCTYPE html><!-- webkit-test-runner [ SpatialPortalEnabled=true ModelElementEnabled=true ModelProcessEnabled=true allowTestOnlyIPC=true ] -->
<html>
<head>
<script src="../resources/ui-helper.js"></script>
<style>
    #portal {
        spatial: portal;
        width: 300px;
        height: 150px;
        padding: 24px 8px 10px 12px;
        margin: 28px 10px 12px 14px;
        border: 8px black solid;
        box-shadow: 10px -5px 5px red;
    }
</style>
</head>
<body>
<div id="portal">
    <model id="model" src="../model-element/resources/cube.usdz"></model>
    <span id="content">Hello!</span>
</div>
<pre id="results"></pre>
<script>
window.onload = async function () {
    window.internals?.disableModelLoadDelaysForTesting();
    window.testRunner?.waitUntilDone();
    window.testRunner?.dumpAsText();
    await document.getElementById("model").ready;

    await UIHelper.ensureStablePresentationUpdate();
    results.textContent = await UIHelper.getCALayerTreeForCompositedElement(document.getElementById("portal"));

    document.getElementById("portal").remove();

    window.testRunner?.notifyDone();
};
</script>
</body>
</html>