Files
webeditor3d/tests/domain/scene-document-validation.test.js
Victor Giers 0b54fa14c9 auto-git:
[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
2026-04-05 02:25:29 +02:00

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"
})
]));
});
});