webeditor3d/tests/domain/path.command.test.ts

import { describe, expect, it } from "vitest";

import { createAddPathPointCommand } from "../../src/commands/add-path-point-command";
import { createApplySplineRoadToTerrainCommand } from "../../src/commands/apply-spline-road-to-terrain-command";
import { createEditorStore } from "../../src/app/editor-store";
import { createDeletePathCommand } from "../../src/commands/delete-path-command";
import { createDeletePathPointCommand } from "../../src/commands/delete-path-point-command";
import { createDeletePathPointsCommand } from "../../src/commands/delete-path-points-command";
import { createSetPathPointPositionsCommand } from "../../src/commands/set-path-point-positions-command";
import { createSetPathNameCommand } from "../../src/commands/set-path-name-command";
import { createUpsertPathCommand } from "../../src/commands/upsert-path-command";
import { createScenePath, createScenePathPoint } from "../../src/document/paths";
import { createEmptySceneDocument } from "../../src/document/scene-document";
import { createTerrain } from "../../src/document/terrains";

describe("path commands", () => {
  it("creates, renames, and deletes authored paths through undo and redo", () => {
    const store = createEditorStore({
      initialDocument: createEmptySceneDocument({
        name: "Path Command Scene"
      })
    });
    const path = createScenePath({
      id: "path-patrol",
      points: [
        {
          id: "path-point-a",
          position: {
            x: -1,
            y: 0,
            z: 0
          }
        },
        {
          id: "path-point-b",
          position: {
            x: 1,
            y: 0,
            z: 0
          }
        }
      ]
    });

    store.executeCommand(
      createUpsertPathCommand({
        path,
        label: "Create patrol path"
      })
    );

    expect(store.getState().document.paths[path.id]).toEqual(path);
    expect(store.getState().selection).toEqual({
      kind: "paths",
      ids: [path.id]
    });

    store.executeCommand(
      createSetPathNameCommand({
        pathId: path.id,
        name: "Patrol Route"
      })
    );

    expect(store.getState().document.paths[path.id]?.name).toBe("Patrol Route");

    store.executeCommand(createDeletePathCommand(path.id));

    expect(store.getState().document.paths[path.id]).toBeUndefined();
    expect(store.getState().selection).toEqual({
      kind: "none"
    });

    expect(store.undo()).toBe(true);
    expect(store.getState().document.paths[path.id]?.name).toBe("Patrol Route");

    expect(store.undo()).toBe(true);
    expect(store.getState().document.paths[path.id]?.name).toBeUndefined();

    expect(store.undo()).toBe(true);
    expect(store.getState().document.paths[path.id]).toBeUndefined();

    expect(store.redo()).toBe(true);
    expect(store.getState().document.paths[path.id]).toEqual(path);

    expect(store.redo()).toBe(true);
    expect(store.getState().document.paths[path.id]?.name).toBe("Patrol Route");

    expect(store.redo()).toBe(true);
    expect(store.getState().document.paths[path.id]).toBeUndefined();
  });

  it("adds and deletes path points with undo and redo while keeping point selection coherent", () => {
    const path = createScenePath({
      id: "path-point-ops",
      points: [
        {
          id: "path-point-start",
          position: {
            x: -1,
            y: 0,
            z: 0
          }
        },
        {
          id: "path-point-end",
          position: {
            x: 1,
            y: 0,
            z: 0
          }
        }
      ]
    });
    const nextPoint = createScenePathPoint({
      id: "path-point-new",
      position: {
        x: 3,
        y: 0,
        z: 0
      }
    });
    const store = createEditorStore({
      initialDocument: {
        ...createEmptySceneDocument({
          name: "Path Point Command Scene"
        }),
        paths: {
          [path.id]: path
        }
      }
    });

    store.setSelection({
      kind: "paths",
      ids: [path.id]
    });

    store.executeCommand(
      createAddPathPointCommand({
        pathId: path.id,
        point: nextPoint
      })
    );

    expect(store.getState().document.paths[path.id]?.points).toHaveLength(3);
    expect(store.getState().selection).toEqual({
      kind: "pathPoint",
      pathId: path.id,
      pointId: nextPoint.id
    });

    store.executeCommand(
      createDeletePathPointCommand({
        pathId: path.id,
        pointId: nextPoint.id
      })
    );

    expect(store.getState().document.paths[path.id]?.points).toHaveLength(2);
    expect(store.getState().selection).toEqual({
      kind: "pathPoint",
      pathId: path.id,
      pointId: path.points[1].id
    });

    expect(store.undo()).toBe(true);
    expect(store.getState().document.paths[path.id]?.points).toHaveLength(3);
    expect(store.getState().selection).toEqual({
      kind: "pathPoint",
      pathId: path.id,
      pointId: nextPoint.id
    });

    expect(store.undo()).toBe(true);
    expect(store.getState().document.paths[path.id]?.points).toHaveLength(2);
    expect(store.getState().selection).toEqual({
      kind: "paths",
      ids: [path.id]
    });

    expect(store.redo()).toBe(true);
    expect(store.getState().selection).toEqual({
      kind: "pathPoint",
      pathId: path.id,
      pointId: nextPoint.id
    });

    expect(store.redo()).toBe(true);
    expect(store.getState().document.paths[path.id]?.points).toHaveLength(2);
  });

  it("moves and deletes multiple path points with undo and redo", () => {
    const path = createScenePath({
      id: "path-point-batch-ops",
      points: [
        {
          id: "path-point-a",
          position: {
            x: -2,
            y: 0,
            z: 0
          }
        },
        {
          id: "path-point-b",
          position: {
            x: 0,
            y: 0,
            z: 0
          }
        },
        {
          id: "path-point-c",
          position: {
            x: 2,
            y: 0,
            z: 0
          }
        },
        {
          id: "path-point-d",
          position: {
            x: 4,
            y: 0,
            z: 0
          }
        }
      ]
    });
    const store = createEditorStore({
      initialDocument: {
        ...createEmptySceneDocument({
          name: "Path Point Batch Command Scene"
        }),
        paths: {
          [path.id]: path
        }
      }
    });

    store.setSelection({
      kind: "pathPoints",
      pathId: path.id,
      pointIds: [path.points[0].id, path.points[2].id]
    });

    store.executeCommand(
      createSetPathPointPositionsCommand({
        pathId: path.id,
        updates: [
          {
            pointId: path.points[0].id,
            position: {
              x: -3,
              y: 1,
              z: 2
            }
          },
          {
            pointId: path.points[2].id,
            position: {
              x: 3,
              y: 1,
              z: 2
            }
          }
        ]
      })
    );

    expect(store.getState().document.paths[path.id]?.points).toEqual([
      {
        ...path.points[0],
        position: {
          x: -3,
          y: 1,
          z: 2
        }
      },
      path.points[1],
      {
        ...path.points[2],
        position: {
          x: 3,
          y: 1,
          z: 2
        }
      },
      path.points[3]
    ]);
    expect(store.getState().selection).toEqual({
      kind: "pathPoints",
      pathId: path.id,
      pointIds: [path.points[0].id, path.points[2].id]
    });

    store.executeCommand(
      createDeletePathPointsCommand({
        pathId: path.id,
        pointIds: [path.points[0].id, path.points[2].id]
      })
    );

    expect(store.getState().document.paths[path.id]?.points).toEqual([
      path.points[1],
      path.points[3]
    ]);
    expect(store.getState().selection).toEqual({
      kind: "pathPoint",
      pathId: path.id,
      pointId: path.points[1].id
    });

    expect(store.undo()).toBe(true);
    expect(store.getState().document.paths[path.id]?.points).toHaveLength(4);
    expect(store.getState().selection).toEqual({
      kind: "pathPoints",
      pathId: path.id,
      pointIds: [path.points[0].id, path.points[2].id]
    });

    expect(store.undo()).toBe(true);
    expect(store.getState().document.paths[path.id]?.points).toEqual(
      path.points
    );

    expect(store.redo()).toBe(true);
    expect(store.getState().document.paths[path.id]?.points[0]?.position).toEqual(
      {
        x: -3,
        y: 1,
        z: 2
      }
    );

    expect(store.redo()).toBe(true);
    expect(store.getState().document.paths[path.id]?.points).toEqual([
      path.points[1],
      path.points[3]
    ]);
  });

  it("applies a spline road to terrain as one undoable terrain patch", () => {
    const terrain = createTerrain({
      id: "terrain-road-apply",
      position: {
        x: 0,
        y: 0,
        z: 0
      },
      sampleCountX: 5,
      sampleCountZ: 5,
      cellSize: 1,
      heights: new Array(25).fill(0),
      layers: [
        {
          materialId: "base-material"
        },
        {
          materialId: "road-material"
        },
        {
          materialId: null
        },
        {
          materialId: null
        }
      ]
    });
    const path = createScenePath({
      id: "path-road-apply",
      road: {
        enabled: true,
        width: 2,
        shoulderWidth: 1,
        falloff: 0.5,
        heightOffset: 0,
        terrainConform: false,
        materialId: "road-material"
      },
      points: [
        {
          id: "path-point-road-a",
          position: {
            x: 0,
            y: 1,
            z: 2
          }
        },
        {
          id: "path-point-road-b",
          position: {
            x: 4,
            y: 1,
            z: 2
          }
        }
      ]
    });
    const store = createEditorStore({
      initialDocument: {
        ...createEmptySceneDocument({
          name: "Path Road Apply Scene"
        }),
        paths: {
          [path.id]: path
        },
        terrains: {
          [terrain.id]: terrain
        }
      }
    });

    store.setSelection({
      kind: "paths",
      ids: [path.id]
    });

    store.executeCommand(
      createApplySplineRoadToTerrainCommand({
        pathId: path.id
      })
    );

    const appliedTerrain = store.getState().document.terrains[terrain.id];

    expect(appliedTerrain?.heights[12]).toBe(1);
    expect(appliedTerrain?.paintWeights[12 * 3]).toBe(1);
    expect(appliedTerrain?.foliageBlockerMask.values[12]).toBe(1);
    expect(store.getState().selection).toEqual({
      kind: "paths",
      ids: [path.id]
    });

    expect(store.undo()).toBe(true);

    const restoredTerrain = store.getState().document.terrains[terrain.id];

    expect(restoredTerrain?.heights).toEqual(terrain.heights);
    expect(restoredTerrain?.paintWeights).toEqual(terrain.paintWeights);
    expect(restoredTerrain?.foliageBlockerMask.values).toEqual(
      terrain.foliageBlockerMask.values
    );

    expect(store.redo()).toBe(true);
    expect(store.getState().document.terrains[terrain.id]?.heights[12]).toBe(1);
  });
});