auto-git:
[unlink] tests/unit/camera-rig-inspector.integration.test.tsx
This commit is contained in:
@@ -1,195 +0,0 @@
|
||||
import { cleanup, fireEvent, render, screen, waitFor } from "@testing-library/react";
|
||||
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
||||
|
||||
const { MockViewportHost, viewportHostInstances } = vi.hoisted(() => {
|
||||
const viewportHostInstances: Array<{
|
||||
mount: ReturnType<typeof vi.fn>;
|
||||
dispose: ReturnType<typeof vi.fn>;
|
||||
updateWorld: ReturnType<typeof vi.fn>;
|
||||
updateSimulation: ReturnType<typeof vi.fn>;
|
||||
updateAssets: ReturnType<typeof vi.fn>;
|
||||
updateDocument: ReturnType<typeof vi.fn>;
|
||||
setPanelId: ReturnType<typeof vi.fn>;
|
||||
setRenderEnabled: ReturnType<typeof vi.fn>;
|
||||
setViewMode: ReturnType<typeof vi.fn>;
|
||||
setDisplayMode: ReturnType<typeof vi.fn>;
|
||||
setGridVisible: ReturnType<typeof vi.fn>;
|
||||
setCameraState: ReturnType<typeof vi.fn>;
|
||||
setBrushSelectionChangeHandler: ReturnType<typeof vi.fn>;
|
||||
setCameraStateChangeHandler: ReturnType<typeof vi.fn>;
|
||||
setCreationPreviewChangeHandler: ReturnType<typeof vi.fn>;
|
||||
setCreationCommitHandler: ReturnType<typeof vi.fn>;
|
||||
setTransformSessionChangeHandler: ReturnType<typeof vi.fn>;
|
||||
setTransformCommitHandler: ReturnType<typeof vi.fn>;
|
||||
setTransformCancelHandler: ReturnType<typeof vi.fn>;
|
||||
setWhiteboxHoverLabelChangeHandler: ReturnType<typeof vi.fn>;
|
||||
setWhiteboxSelectionMode: ReturnType<typeof vi.fn>;
|
||||
setWhiteboxSnapSettings: ReturnType<typeof vi.fn>;
|
||||
setToolMode: ReturnType<typeof vi.fn>;
|
||||
setCreationPreview: ReturnType<typeof vi.fn>;
|
||||
setTransformSession: ReturnType<typeof vi.fn>;
|
||||
focusSelection: ReturnType<typeof vi.fn>;
|
||||
}> = [];
|
||||
|
||||
class MockViewportHost {
|
||||
mount = vi.fn();
|
||||
dispose = vi.fn();
|
||||
updateWorld = vi.fn();
|
||||
updateSimulation = vi.fn();
|
||||
updateAssets = vi.fn();
|
||||
updateDocument = vi.fn();
|
||||
setPanelId = vi.fn();
|
||||
setRenderEnabled = vi.fn();
|
||||
setViewMode = vi.fn();
|
||||
setDisplayMode = vi.fn();
|
||||
setGridVisible = vi.fn();
|
||||
setCameraState = vi.fn();
|
||||
setBrushSelectionChangeHandler = vi.fn();
|
||||
setCameraStateChangeHandler = vi.fn();
|
||||
setCreationPreviewChangeHandler = vi.fn();
|
||||
setCreationCommitHandler = vi.fn();
|
||||
setTransformSessionChangeHandler = vi.fn();
|
||||
setTransformCommitHandler = vi.fn();
|
||||
setTransformCancelHandler = vi.fn();
|
||||
setWhiteboxHoverLabelChangeHandler = vi.fn();
|
||||
setWhiteboxSelectionMode = vi.fn();
|
||||
setWhiteboxSnapSettings = vi.fn();
|
||||
setToolMode = vi.fn();
|
||||
setCreationPreview = vi.fn();
|
||||
setTransformSession = vi.fn();
|
||||
focusSelection = vi.fn();
|
||||
|
||||
constructor() {
|
||||
viewportHostInstances.push(this);
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
MockViewportHost,
|
||||
viewportHostInstances
|
||||
};
|
||||
});
|
||||
|
||||
vi.mock("../../src/viewport-three/viewport-host", () => ({
|
||||
ViewportHost: MockViewportHost
|
||||
}));
|
||||
|
||||
vi.mock("../../src/assets/project-asset-storage", () => ({
|
||||
getBrowserProjectAssetStorageAccess: vi.fn(async () => ({
|
||||
storage: null,
|
||||
diagnostic: null
|
||||
}))
|
||||
}));
|
||||
|
||||
import { App } from "../../src/app/App";
|
||||
import { createEditorStore } from "../../src/app/editor-store";
|
||||
|
||||
describe("Camera Rig inspector", () => {
|
||||
beforeEach(() => {
|
||||
viewportHostInstances.length = 0;
|
||||
vi.spyOn(HTMLCanvasElement.prototype, "getContext").mockImplementation(
|
||||
() => ({}) as never
|
||||
);
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
cleanup();
|
||||
vi.restoreAllMocks();
|
||||
});
|
||||
|
||||
it("creates a camera rig from the Add menu and persists fixed-rig inspector edits", async () => {
|
||||
const store = createEditorStore();
|
||||
|
||||
const { unmount } = render(<App store={store} />);
|
||||
|
||||
await waitFor(() => {
|
||||
expect(viewportHostInstances.length).toBeGreaterThan(0);
|
||||
});
|
||||
|
||||
fireEvent.click(screen.getByRole("button", { name: "Add" }));
|
||||
fireEvent.click(await screen.findByTestId("add-menu-camera-rig"));
|
||||
|
||||
await waitFor(() => {
|
||||
expect(
|
||||
Object.values(store.getState().document.entities).filter(
|
||||
(entity) => entity.kind === "cameraRig"
|
||||
)
|
||||
).toHaveLength(1);
|
||||
});
|
||||
|
||||
const createdCameraRig = Object.values(store.getState().document.entities).find(
|
||||
(entity) => entity.kind === "cameraRig"
|
||||
);
|
||||
|
||||
if (createdCameraRig === undefined || createdCameraRig.kind !== "cameraRig") {
|
||||
throw new Error("Expected the created camera rig to exist.");
|
||||
}
|
||||
|
||||
await waitFor(() => {
|
||||
expect(store.getState().selection).toEqual({
|
||||
kind: "entities",
|
||||
ids: [createdCameraRig.id]
|
||||
});
|
||||
});
|
||||
|
||||
expect(
|
||||
screen.getByTestId(`outliner-entity-${createdCameraRig.id}`)
|
||||
).toBeInTheDocument();
|
||||
expect(screen.getByTestId("camera-rig-target-kind")).toHaveValue("player");
|
||||
|
||||
fireEvent.change(screen.getByTestId("camera-rig-priority"), {
|
||||
target: { value: "9" }
|
||||
});
|
||||
fireEvent.blur(screen.getByTestId("camera-rig-priority"));
|
||||
fireEvent.click(screen.getByTestId("camera-rig-default-active"));
|
||||
fireEvent.change(screen.getByTestId("camera-rig-target-kind"), {
|
||||
target: { value: "worldPoint" }
|
||||
});
|
||||
fireEvent.change(screen.getByTestId("camera-rig-target-world-x"), {
|
||||
target: { value: "3.5" }
|
||||
});
|
||||
fireEvent.blur(screen.getByTestId("camera-rig-target-world-x"));
|
||||
fireEvent.change(screen.getByTestId("camera-rig-target-world-y"), {
|
||||
target: { value: "1.75" }
|
||||
});
|
||||
fireEvent.blur(screen.getByTestId("camera-rig-target-world-y"));
|
||||
fireEvent.change(screen.getByTestId("camera-rig-target-world-z"), {
|
||||
target: { value: "-6" }
|
||||
});
|
||||
fireEvent.blur(screen.getByTestId("camera-rig-target-world-z"));
|
||||
fireEvent.change(screen.getByTestId("camera-rig-transition-mode"), {
|
||||
target: { value: "blend" }
|
||||
});
|
||||
fireEvent.change(screen.getByTestId("camera-rig-transition-duration"), {
|
||||
target: { value: "1.2" }
|
||||
});
|
||||
fireEvent.blur(screen.getByTestId("camera-rig-transition-duration"));
|
||||
fireEvent.change(screen.getByTestId("camera-rig-look-around-yaw-limit"), {
|
||||
target: { value: "18" }
|
||||
});
|
||||
fireEvent.blur(screen.getByTestId("camera-rig-look-around-yaw-limit"));
|
||||
|
||||
await waitFor(() => {
|
||||
expect(store.getState().document.entities[createdCameraRig.id]).toMatchObject({
|
||||
kind: "cameraRig",
|
||||
priority: 9,
|
||||
defaultActive: false,
|
||||
target: {
|
||||
kind: "worldPoint",
|
||||
point: {
|
||||
x: 3.5,
|
||||
y: 1.75,
|
||||
z: -6
|
||||
}
|
||||
},
|
||||
transitionMode: "blend",
|
||||
transitionDurationSeconds: 1.2,
|
||||
lookAround: {
|
||||
yawLimitDegrees: 18
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
unmount();
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user