LayoutTests/spatial-css/spatial-portal-without-box.html

<!DOCTYPE html> <!-- webkit-test-runner [ SpatialPortalEnabled=true ModelElementEnabled=true ModelProcessEnabled=true allowTestOnlyIPC=true ] -->
<html>
<head>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<script src="../resources/ui-helper.js"></script>
<style>
    /* `spatial: portal` needs a box to establish a portal. These do not have one. */
    #inline-portal { spatial: portal; }
    #contents-portal { spatial: portal; display: contents; }
</style>
<body>
<span id="inline-portal">
    <model id="inline-model"><source src="../model-element/resources/cube.usdz"></model>
</span>
<div id="contents-portal">
    <model id="contents-model"><source src="../model-element/resources/cube.usdz"></model>
</div>
<script>
'use strict';

window.internals?.disableModelLoadDelaysForTesting();

for (const [portalID, modelID, description] of [
    ["inline-portal", "inline-model", "an inline"],
    ["contents-portal", "contents-model", "a display: contents"],
]) {
    promise_test(async t => {
        const portal = document.getElementById(portalID);
        const model = document.getElementById(modelID);

        await model.ready;
        await UIHelper.ensureStablePresentationUpdate();

        assert_false(internals.establishesSpatialPortal(portal), "the element establishes no portal");
        assert_equals(internals.numberOfHostedModelsInSpatialPortal(portal), 0, "no model is delegated to it");
        assert_greater_than(model.getBoundingClientRect().width, 0, "the <model> renders standalone");
    }, `A <model> inside ${description} spatial: portal renders standalone`);
}
</script>
</body>
</html>