Files
Aislo/B07_DesignDetail/openwebcad/src/state.test.ts
T
eomsangdonandClaude Fable 5 17e14a25ed fix(B07): 편집이 사라지지 않게 하고 확정한 도면을 잠근다
사용자 편의성 점검 15건 중 반영 확정분 12건.

편집 손실 방지
- CAD에 미저장 표시(drawingDirty)를 두고, 도면을 바꾸기 전에 묻는다.
  전에는 그은 선이 경고 없이 사라졌다(실측: 캔버스 서명이 원본과 동일).
- 도면 전환을 겹쳐 눌러도 늦게 온 응답이 화면을 덮지 않게 가드를 뒀다.
- 도면층 삭제·객체 이동을 되돌리기에 실어 Ctrl+Z로 돌아오게 했다.

확정한 도면은 읽기 전용
- runCommand 한 곳에서 보는 명령만 통과시킨다(허용 명시 방식).
- 도면을 실을 때 앞 도면의 그리기 도구를 내린다 — 켜 둔 도구가 확정본에도
  계속 그렸다.
- 확정 버튼 자리를 [현재 도면 확정] / [수정]으로 가른다. 확정 해제는 [수정]
  한 곳뿐 — 되돌리기·색 고르기로 확정이 풀리던 경로를 없앴다.

그 밖
- 잠금 도면층(도각·등고선·계류)은 마우스가 스쳐도 하이라이트하지 않는다.
- 준비 중 도면 7종도 빈 도각으로 열린다(눌리지 않는 회색 버튼 제거).
- 도면층 행이 잘리지 않게 패널을 300px로 넓히고 이름을 줄여 담는다.
- 기본 그리기 색을 검정으로 — 흰 종이에 흰 선이라 안 보였다.
- 색 고르는 동안 변경 통지가 연발하지 않는다.
- 수량표는 앞 단계 산출물이라 도면에서 고치지 못하게 막고 안내한다.
- 자동백업 칸을 도면별로 나눈다 — 되살리면 다른 도면에 붙었다.
- 횡단 장 id를 시작 측점 기준으로 바꿔 구간이 달라져도 옛 확정이 안 붙는다.
- 회사 도각 저장 전에 좌표를 검사하고, 기본 도각으로 되돌리기를 연다.
- 횡단 파일이 없어도 나머지 도면 목록은 남는다.
- 불러오는 중·실패를 화면에 표시한다.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-09-01 19:05:22 +09:00

123 lines
3.7 KiB
TypeScript

import { beforeAll, describe, expect, it } from 'vitest';
import type { DesignMeta } from './App.types';
import type { Entity } from './entities/Entity';
import {
clearDrawingDirty,
getActiveLayerId,
getEntities,
getHighlightedEntityIds,
isDrawingDirty,
isDrawingReadOnly,
resetUndoBaseline,
setActiveLayerId,
setDesignMeta,
setEntities,
setHighlightedEntityIds,
setLayers,
undo,
} from './state';
const layer = (id: string, isLocked: boolean) => ({
id,
name: id,
isVisible: true,
isLocked,
});
/** 노드 환경에는 window가 없다 — 상태 알림을 받는 시늉만 시킨다. */
const stubWindow = () => {
(globalThis as { window?: unknown }).window = { dispatchEvent: () => true };
};
const entityOnLayer = (id: string, layerId: string) => ({ id, layerId }) as unknown as Entity;
const meta = (confirmed: boolean): DesignMeta => ({
kind: 'cross',
drawingId: 'cross_s00020m',
title: '1장',
info: '',
confirmed,
quantityTable: null,
hasPrev: false,
hasNext: false,
});
describe('setActiveLayerId', () => {
it('잠금 도면층(배경)은 현재 도면층이 되지 않고 잠금 아닌 첫 층으로 간다', () => {
setLayers([layer('도각', true), layer('계획선', false)]);
setActiveLayerId('도각');
expect(getActiveLayerId()).toBe('계획선');
});
it('잠금 아닌 층이 하나도 없으면 요청값을 그대로 둔다', () => {
setLayers([layer('도각', true)]);
setActiveLayerId('도각');
expect(getActiveLayerId()).toBe('도각');
});
});
describe('resetUndoBaseline', () => {
beforeAll(stubWindow);
it('기준선을 세운 뒤의 되돌리기는 실은 도면까지만 물러난다', () => {
const loaded = [{ id: 'a' } as unknown as Entity];
setEntities(loaded, false);
resetUndoBaseline();
setEntities([...loaded, { id: 'b' } as unknown as Entity], true);
undo();
expect(getEntities()).toHaveLength(1);
});
});
describe('setHighlightedEntityIds', () => {
it('잠금 도면층(도각·등고선) 객체는 마우스가 가도 밝아지지 않는다', () => {
setLayers([layer('도각', true), layer('계획선', false)]);
setEntities([entityOnLayer('배경', '도각'), entityOnLayer('내선', '계획선')], false);
setHighlightedEntityIds(['배경', '내선']);
expect(getHighlightedEntityIds()).toEqual(['내선']);
});
it('잠금층만 가리키면 아무것도 밝아지지 않는다', () => {
setLayers([layer('도각', true)]);
setEntities([entityOnLayer('배경', '도각')], false);
setHighlightedEntityIds(['배경']);
expect(getHighlightedEntityIds()).toEqual([]);
});
});
describe('미저장 표시(drawingDirty)', () => {
beforeAll(stubWindow);
it('편집하면 서고, 도면을 새로 실으면(기준선 재설정) 내려간다', () => {
setEntities([entityOnLayer('a', 'L')], false);
resetUndoBaseline();
expect(isDrawingDirty()).toBe(false);
setEntities([entityOnLayer('a', 'L'), entityOnLayer('b', 'L')], true);
expect(isDrawingDirty()).toBe(true);
resetUndoBaseline();
expect(isDrawingDirty()).toBe(false);
});
it('되돌리기도 미저장이다 — 저장본과 달라질 수 있다', () => {
setEntities([entityOnLayer('a', 'L')], false);
resetUndoBaseline();
setEntities([entityOnLayer('a', 'L'), entityOnLayer('b', 'L')], true);
clearDrawingDirty();
undo();
expect(isDrawingDirty()).toBe(true);
});
});
describe('isDrawingReadOnly', () => {
beforeAll(stubWindow);
it('확정한 도면은 읽기 전용, 확정을 풀면 편집이 열린다', () => {
setDesignMeta(meta(true));
expect(isDrawingReadOnly()).toBe(true);
setDesignMeta(meta(false));
expect(isDrawingReadOnly()).toBe(false);
setDesignMeta(null);
expect(isDrawingReadOnly()).toBe(false);
});
});