[add] playwright.config.js [add] src/app/App.js [add] src/app/editor-store.js [add] src/app/use-editor-store.js [add] src/assets/audio-assets.js [add] src/assets/gltf-model-import.js [add] src/assets/image-assets.js [add] src/assets/model-instance-labels.js [add] src/assets/model-instance-rendering.js [add] src/assets/model-instances.js [add] src/assets/project-asset-storage.js [add] src/assets/project-assets.js [add] src/commands/brush-command-helpers.js [add] src/commands/command-history.js [add] src/commands/command.js [add] src/commands/commit-transform-session-command.js [add] src/commands/create-box-brush-command.js [add] src/commands/delete-box-brush-command.js [add] src/commands/delete-entity-command.js [add] src/commands/delete-interaction-link-command.js [add] src/commands/delete-model-instance-command.js [add] src/commands/import-audio-asset-command.js [add] src/commands/import-background-image-asset-command.js [add] src/commands/import-model-asset-command.js [add] src/commands/move-box-brush-command.js [add] src/commands/resize-box-brush-command.js [add] src/commands/rotate-box-brush-command.js [add] src/commands/set-box-brush-face-material-command.js [add] src/commands/set-box-brush-face-uv-state-command.js [add] src/commands/set-box-brush-name-command.js [add] src/commands/set-box-brush-transform-command.js [add] src/commands/set-entity-name-command.js [add] src/commands/set-model-instance-name-command.js [add] src/commands/set-player-start-command.js [add] src/commands/set-scene-name-command.js [add] src/commands/set-world-settings-command.js [add] src/commands/upsert-entity-command.js [add] src/commands/upsert-interaction-link-command.js [add] src/commands/upsert-model-instance-command.js [add] src/core/ids.js [add] src/core/selection.js [add] src/core/tool-mode.js [add] src/core/transform-session.js [add] src/core/vector.js [add] src/core/whitebox-selection-feedback.js [add] src/core/whitebox-selection-mode.js [add] src/document/brushes.js [add] src/document/migrate-scene-document.js [add] src/document/scene-document-validation.js [add] src/document/scene-document.js [add] src/document/world-settings.js [add] src/entities/entity-instances.js [add] src/entities/entity-labels.js [add] src/geometry/box-brush-components.js [add] src/geometry/box-brush-mesh.js [add] src/geometry/box-brush.js [add] src/geometry/box-face-uvs.js [add] src/geometry/grid-snapping.js [add] src/geometry/model-instance-collider-debug-mesh.js [add] src/geometry/model-instance-collider-generation.js [add] src/interactions/interaction-links.js [add] src/main.js [add] src/materials/starter-material-library.js [add] src/materials/starter-material-textures.js [add] src/rendering/advanced-rendering.js [add] src/runner-web/RunnerCanvas.js [add] src/runtime-three/first-person-navigation-controller.js [add] src/runtime-three/navigation-controller.js [add] src/runtime-three/orbit-visitor-navigation-controller.js [add] src/runtime-three/player-collision.js [add] src/runtime-three/rapier-collision-world.js [add] src/runtime-three/runtime-audio-system.js [add] src/runtime-three/runtime-host.js [add] src/runtime-three/runtime-interaction-system.js [add] src/runtime-three/runtime-scene-build.js [add] src/runtime-three/runtime-scene-validation.js [add] src/serialization/local-draft-storage.js [add] src/serialization/scene-document-json.js [add] src/shared-ui/HierarchicalMenu.js [add] src/shared-ui/Panel.js [add] src/shared-ui/world-background-style.js [add] src/viewport-three/ViewportCanvas.js [add] src/viewport-three/ViewportPanel.js [add] src/viewport-three/viewport-entity-markers.js [add] src/viewport-three/viewport-focus.js [add] src/viewport-three/viewport-host.js [add] src/viewport-three/viewport-layout.js [add] src/viewport-three/viewport-transient-state.js [add] src/viewport-three/viewport-view-modes.js [add] tests/domain/box-brush-face-editing.command.test.js [add] tests/domain/build-runtime-scene.test.js [add] tests/domain/create-box-brush.command.test.js [add] tests/domain/create-empty-scene-document.test.js [add] tests/domain/editor-store.test.js [add] tests/domain/entity.command.test.js [add] tests/domain/interaction-links.validation.test.js [add] tests/domain/model-import.test.js [add] tests/domain/model-instance.command.test.js [add] tests/domain/player-start.command.test.js [add] tests/domain/rapier-collision-world.test.js [add] tests/domain/runtime-audio-system.test.js [add] tests/domain/runtime-interaction-system.test.js [add] tests/domain/runtime-scene-validation.test.js [add] tests/domain/scene-document-validation.test.js [add] tests/domain/transform-session.command.test.js [add] tests/domain/world-settings.command.test.js [add] tests/domain/world-settings.test.js [add] tests/e2e/app-smoke.e2e.js [add] tests/e2e/box-brush-authoring.e2e.js [add] tests/e2e/entities-foundation.e2e.js [add] tests/e2e/face-material-authoring.e2e.js [add] tests/e2e/first-room-workflow.e2e.js [add] tests/e2e/import-draco-model-asset.e2e.js [add] tests/e2e/import-external-model-asset.e2e.js [add] tests/e2e/import-model-asset.e2e.js [add] tests/e2e/local-lights-and-background.e2e.js [add] tests/e2e/orthographic-views.e2e.js [add] tests/e2e/runner-v1.e2e.js [add] tests/e2e/runtime-click-interaction.e2e.js [add] tests/e2e/runtime-trigger-teleport.e2e.js [add] tests/e2e/viewport-quad-layout.e2e.js [add] tests/e2e/viewport-test-helpers.js [add] tests/e2e/whitebox-component-selection.e2e.js [add] tests/e2e/world-environment.e2e.js [add] tests/geometry/box-brush-geometry.test.js [add] tests/geometry/box-face-uvs.test.js [add] tests/geometry/model-instance-collider-generation.test.js [add] tests/helpers/model-collider-fixtures.js [add] tests/serialization/local-draft-storage.test.js [add] tests/serialization/project-asset-storage.test.js [add] tests/serialization/scene-document-json.test.js [add] tests/setup/vitest.setup.js [add] tests/unit/audio-assets.test.js [add] tests/unit/entity-instances.test.js [add] tests/unit/package-scripts.test.js [add] tests/unit/transform-foundation.integration.test.js [add] tests/unit/viewport-canvas.test.js [add] tests/unit/viewport-entity-markers.test.js [add] tests/unit/viewport-focus.test.js [add] tests/unit/viewport-layout.test.js [add] tests/unit/viewport-view-modes.test.js [add] vite.config.js [add] vitest.config.js
473 lines
17 KiB
JavaScript
473 lines
17 KiB
JavaScript
import { describe, expect, it } from "vitest";
|
|
import { createBoxBrush } from "../../src/document/brushes";
|
|
import { createEmptySceneDocument } from "../../src/document/scene-document";
|
|
import { validateSceneDocument } from "../../src/document/scene-document-validation";
|
|
import { createPointLightEntity, createInteractableEntity, createPlayerStartEntity, createSoundEmitterEntity, createSpotLightEntity, createTeleportTargetEntity, createTriggerVolumeEntity } from "../../src/entities/entity-instances";
|
|
import { createProjectAssetStorageKey } from "../../src/assets/project-assets";
|
|
describe("validateSceneDocument", () => {
|
|
it("accepts a valid first-room document", () => {
|
|
const brush = createBoxBrush({
|
|
id: "brush-room-shell"
|
|
});
|
|
const playerStart = createPlayerStartEntity({
|
|
id: "entity-player-start-main"
|
|
});
|
|
const document = {
|
|
...createEmptySceneDocument({ name: "First Room" }),
|
|
brushes: {
|
|
[brush.id]: brush
|
|
},
|
|
entities: {
|
|
[playerStart.id]: playerStart
|
|
}
|
|
};
|
|
const validation = validateSceneDocument(document);
|
|
expect(validation.errors).toEqual([]);
|
|
expect(validation.warnings).toEqual([]);
|
|
});
|
|
it("detects duplicate authored ids across collections", () => {
|
|
const brush = createBoxBrush({
|
|
id: "shared-room-id"
|
|
});
|
|
const playerStart = createPlayerStartEntity({
|
|
id: "shared-room-id"
|
|
});
|
|
const document = {
|
|
...createEmptySceneDocument(),
|
|
brushes: {
|
|
[brush.id]: brush
|
|
},
|
|
entities: {
|
|
"entity-player-start-main": playerStart
|
|
}
|
|
};
|
|
const validation = validateSceneDocument(document);
|
|
expect(validation.errors).toEqual(expect.arrayContaining([
|
|
expect.objectContaining({
|
|
code: "entity-id-mismatch"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "duplicate-authored-id"
|
|
})
|
|
]));
|
|
});
|
|
it("detects invalid box sizes and missing material references", () => {
|
|
const brush = createBoxBrush({
|
|
id: "brush-invalid"
|
|
});
|
|
brush.rotationDegrees.y = Number.NaN;
|
|
brush.size.x = 0;
|
|
brush.faces.posZ.materialId = "material-that-does-not-exist";
|
|
const validation = validateSceneDocument({
|
|
...createEmptySceneDocument(),
|
|
brushes: {
|
|
[brush.id]: brush
|
|
}
|
|
});
|
|
expect(validation.errors).toEqual(expect.arrayContaining([
|
|
expect.objectContaining({
|
|
code: "invalid-box-rotation",
|
|
path: "brushes.brush-invalid.rotationDegrees"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-box-size",
|
|
path: "brushes.brush-invalid.size"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "missing-material-ref",
|
|
path: "brushes.brush-invalid.faces.posZ.materialId"
|
|
})
|
|
]));
|
|
});
|
|
it("detects invalid Player Start values", () => {
|
|
const validation = validateSceneDocument({
|
|
...createEmptySceneDocument(),
|
|
entities: {
|
|
"entity-player-start-main": {
|
|
id: "entity-player-start-main",
|
|
kind: "playerStart",
|
|
position: {
|
|
x: 0,
|
|
y: Number.NaN,
|
|
z: 0
|
|
},
|
|
yawDegrees: Number.NaN,
|
|
collider: {
|
|
mode: "capsule",
|
|
eyeHeight: 3,
|
|
capsuleRadius: 0.4,
|
|
capsuleHeight: 0.5,
|
|
boxSize: {
|
|
x: 0.6,
|
|
y: -1,
|
|
z: 0.6
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
expect(validation.errors).toEqual(expect.arrayContaining([
|
|
expect.objectContaining({
|
|
code: "invalid-player-start-position"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-player-start-yaw"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-player-start-capsule-proportions"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-player-start-box-size"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-player-start-eye-height"
|
|
})
|
|
]));
|
|
});
|
|
it("detects invalid typed entity values across the entity registry", () => {
|
|
const soundEmitter = createSoundEmitterEntity({
|
|
id: "entity-sound-main"
|
|
});
|
|
const triggerVolume = createTriggerVolumeEntity({
|
|
id: "entity-trigger-main"
|
|
});
|
|
const teleportTarget = createTeleportTargetEntity({
|
|
id: "entity-teleport-main"
|
|
});
|
|
const interactable = createInteractableEntity({
|
|
id: "entity-interactable-main"
|
|
});
|
|
const validation = validateSceneDocument({
|
|
...createEmptySceneDocument(),
|
|
entities: {
|
|
[soundEmitter.id]: {
|
|
...soundEmitter,
|
|
refDistance: Number.NaN
|
|
},
|
|
[triggerVolume.id]: {
|
|
...triggerVolume,
|
|
size: {
|
|
x: 0,
|
|
y: 2,
|
|
z: 2
|
|
}
|
|
},
|
|
[teleportTarget.id]: {
|
|
...teleportTarget,
|
|
yawDegrees: Number.POSITIVE_INFINITY
|
|
},
|
|
[interactable.id]: {
|
|
...interactable,
|
|
prompt: " ",
|
|
enabled: "yes"
|
|
}
|
|
}
|
|
});
|
|
expect(validation.errors).toEqual(expect.arrayContaining([
|
|
expect.objectContaining({
|
|
code: "invalid-sound-emitter-ref-distance"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-trigger-volume-size"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-teleport-target-yaw"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-interactable-prompt"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-interactable-enabled"
|
|
})
|
|
]));
|
|
});
|
|
it("detects missing and invalid audio asset references on Sound Emitters", () => {
|
|
const audioAsset = {
|
|
id: "asset-audio-main",
|
|
kind: "audio",
|
|
sourceName: "lobby-loop.ogg",
|
|
mimeType: "audio/ogg",
|
|
storageKey: createProjectAssetStorageKey("asset-audio-main"),
|
|
byteLength: 4096,
|
|
metadata: {
|
|
kind: "audio",
|
|
durationSeconds: 4.25,
|
|
channelCount: 2,
|
|
sampleRateHz: 48000,
|
|
warnings: []
|
|
}
|
|
};
|
|
const modelAsset = {
|
|
id: "asset-model-main",
|
|
kind: "model",
|
|
sourceName: "fixture.glb",
|
|
mimeType: "model/gltf-binary",
|
|
storageKey: createProjectAssetStorageKey("asset-model-main"),
|
|
byteLength: 128,
|
|
metadata: {
|
|
kind: "model",
|
|
format: "glb",
|
|
sceneName: null,
|
|
nodeCount: 1,
|
|
meshCount: 1,
|
|
materialNames: [],
|
|
textureNames: [],
|
|
animationNames: [],
|
|
boundingBox: null,
|
|
warnings: []
|
|
}
|
|
};
|
|
const missingAudioEmitter = createSoundEmitterEntity({
|
|
id: "entity-sound-missing",
|
|
audioAssetId: "asset-missing-audio"
|
|
});
|
|
const wrongKindAudioEmitter = createSoundEmitterEntity({
|
|
id: "entity-sound-wrong-kind",
|
|
audioAssetId: modelAsset.id
|
|
});
|
|
const validAudioEmitter = createSoundEmitterEntity({
|
|
id: "entity-sound-valid",
|
|
audioAssetId: audioAsset.id
|
|
});
|
|
const validation = validateSceneDocument({
|
|
...createEmptySceneDocument(),
|
|
assets: {
|
|
[audioAsset.id]: audioAsset,
|
|
[modelAsset.id]: modelAsset
|
|
},
|
|
entities: {
|
|
[missingAudioEmitter.id]: missingAudioEmitter,
|
|
[wrongKindAudioEmitter.id]: wrongKindAudioEmitter,
|
|
[validAudioEmitter.id]: validAudioEmitter
|
|
}
|
|
});
|
|
expect(validation.errors).toEqual(expect.arrayContaining([
|
|
expect.objectContaining({
|
|
code: "missing-sound-emitter-audio-asset",
|
|
path: "entities.entity-sound-missing.audioAssetId"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-sound-emitter-audio-asset-kind",
|
|
path: "entities.entity-sound-wrong-kind.audioAssetId"
|
|
})
|
|
]));
|
|
});
|
|
it("accepts authored point and spot lights with an active image background asset", () => {
|
|
const imageAsset = {
|
|
id: "asset-background-panorama",
|
|
kind: "image",
|
|
sourceName: "skybox-panorama.svg",
|
|
mimeType: "image/svg+xml",
|
|
storageKey: createProjectAssetStorageKey("asset-background-panorama"),
|
|
byteLength: 2048,
|
|
metadata: {
|
|
kind: "image",
|
|
width: 512,
|
|
height: 256,
|
|
hasAlpha: false,
|
|
warnings: ["Background images work best as a 2:1 equirectangular panorama."]
|
|
}
|
|
};
|
|
const pointLight = createPointLightEntity({
|
|
id: "entity-point-light-main",
|
|
position: {
|
|
x: 1,
|
|
y: 3,
|
|
z: -2
|
|
}
|
|
});
|
|
const spotLight = createSpotLightEntity({
|
|
id: "entity-spot-light-main",
|
|
position: {
|
|
x: -1,
|
|
y: 4,
|
|
z: 2
|
|
},
|
|
direction: {
|
|
x: 0.25,
|
|
y: -1,
|
|
z: 0.15
|
|
}
|
|
});
|
|
const document = {
|
|
...createEmptySceneDocument(),
|
|
assets: {
|
|
[imageAsset.id]: imageAsset
|
|
},
|
|
entities: {
|
|
[pointLight.id]: pointLight,
|
|
[spotLight.id]: spotLight
|
|
}
|
|
};
|
|
document.world.background = {
|
|
mode: "image",
|
|
assetId: imageAsset.id,
|
|
environmentIntensity: 0.5
|
|
};
|
|
const validation = validateSceneDocument(document);
|
|
expect(validation.errors).toEqual([]);
|
|
});
|
|
it("detects invalid local light values and missing image background assets", () => {
|
|
const pointLight = createPointLightEntity({
|
|
id: "entity-point-light-invalid"
|
|
});
|
|
pointLight.colorHex = "not-a-color";
|
|
pointLight.intensity = -1;
|
|
pointLight.distance = 0;
|
|
const spotLight = createSpotLightEntity({
|
|
id: "entity-spot-light-invalid"
|
|
});
|
|
spotLight.direction = {
|
|
x: 0,
|
|
y: 0,
|
|
z: 0
|
|
};
|
|
spotLight.distance = -2;
|
|
spotLight.angleDegrees = 180;
|
|
const document = {
|
|
...createEmptySceneDocument(),
|
|
entities: {
|
|
[pointLight.id]: pointLight,
|
|
[spotLight.id]: spotLight
|
|
}
|
|
};
|
|
document.world.background = {
|
|
mode: "image",
|
|
assetId: "asset-missing-background",
|
|
environmentIntensity: 0.5
|
|
};
|
|
const validation = validateSceneDocument(document);
|
|
expect(validation.errors).toEqual(expect.arrayContaining([
|
|
expect.objectContaining({
|
|
code: "invalid-point-light-color"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-point-light-intensity"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-point-light-distance"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-spot-light-direction"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-spot-light-distance"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-spot-light-angle"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "missing-world-background-asset"
|
|
})
|
|
]));
|
|
});
|
|
it("detects invalid world lighting and background settings", () => {
|
|
const document = createEmptySceneDocument();
|
|
document.world.background = {
|
|
mode: "verticalGradient",
|
|
topColorHex: "sky-blue",
|
|
bottomColorHex: "#18212b"
|
|
};
|
|
document.world.ambientLight.intensity = -0.25;
|
|
document.world.sunLight.direction = {
|
|
x: 0,
|
|
y: 0,
|
|
z: 0
|
|
};
|
|
const validation = validateSceneDocument(document);
|
|
expect(validation.errors).toEqual(expect.arrayContaining([
|
|
expect.objectContaining({
|
|
code: "invalid-world-background-top-color",
|
|
path: "world.background.topColorHex"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-world-ambient-intensity",
|
|
path: "world.ambientLight.intensity"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-world-sun-direction",
|
|
path: "world.sunLight.direction"
|
|
})
|
|
]));
|
|
});
|
|
it("detects invalid advanced rendering settings", () => {
|
|
const document = createEmptySceneDocument();
|
|
document.world.advancedRendering = {
|
|
...document.world.advancedRendering,
|
|
enabled: true,
|
|
shadows: {
|
|
...document.world.advancedRendering.shadows,
|
|
mapSize: 3000,
|
|
type: "ultra",
|
|
bias: Number.NaN
|
|
},
|
|
ambientOcclusion: {
|
|
...document.world.advancedRendering.ambientOcclusion,
|
|
samples: 0
|
|
},
|
|
bloom: {
|
|
...document.world.advancedRendering.bloom,
|
|
intensity: -0.25,
|
|
threshold: -1,
|
|
radius: -0.5
|
|
},
|
|
toneMapping: {
|
|
mode: "filmic",
|
|
exposure: 0
|
|
},
|
|
depthOfField: {
|
|
...document.world.advancedRendering.depthOfField,
|
|
focalLength: 0,
|
|
bokehScale: -2
|
|
}
|
|
};
|
|
const validation = validateSceneDocument(document);
|
|
expect(validation.errors).toEqual(expect.arrayContaining([
|
|
expect.objectContaining({
|
|
code: "invalid-advanced-rendering-shadow-map-size",
|
|
path: "world.advancedRendering.shadows.mapSize"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-advanced-rendering-shadow-type",
|
|
path: "world.advancedRendering.shadows.type"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-advanced-rendering-shadow-bias",
|
|
path: "world.advancedRendering.shadows.bias"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-advanced-rendering-ao-samples",
|
|
path: "world.advancedRendering.ambientOcclusion.samples"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-advanced-rendering-bloom-intensity",
|
|
path: "world.advancedRendering.bloom.intensity"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-advanced-rendering-bloom-threshold",
|
|
path: "world.advancedRendering.bloom.threshold"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-advanced-rendering-bloom-radius",
|
|
path: "world.advancedRendering.bloom.radius"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-advanced-rendering-tone-mapping-mode",
|
|
path: "world.advancedRendering.toneMapping.mode"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-advanced-rendering-tone-mapping-exposure",
|
|
path: "world.advancedRendering.toneMapping.exposure"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-advanced-rendering-dof-focal-length",
|
|
path: "world.advancedRendering.depthOfField.focalLength"
|
|
}),
|
|
expect.objectContaining({
|
|
code: "invalid-advanced-rendering-dof-bokeh-scale",
|
|
path: "world.advancedRendering.depthOfField.bokehScale"
|
|
})
|
|
]));
|
|
});
|
|
});
|