사용자 편의성 점검 15건 중 반영 확정분 12건. 편집 손실 방지 - CAD에 미저장 표시(drawingDirty)를 두고, 도면을 바꾸기 전에 묻는다. 전에는 그은 선이 경고 없이 사라졌다(실측: 캔버스 서명이 원본과 동일). - 도면 전환을 겹쳐 눌러도 늦게 온 응답이 화면을 덮지 않게 가드를 뒀다. - 도면층 삭제·객체 이동을 되돌리기에 실어 Ctrl+Z로 돌아오게 했다. 확정한 도면은 읽기 전용 - runCommand 한 곳에서 보는 명령만 통과시킨다(허용 명시 방식). - 도면을 실을 때 앞 도면의 그리기 도구를 내린다 — 켜 둔 도구가 확정본에도 계속 그렸다. - 확정 버튼 자리를 [현재 도면 확정] / [수정]으로 가른다. 확정 해제는 [수정] 한 곳뿐 — 되돌리기·색 고르기로 확정이 풀리던 경로를 없앴다. 그 밖 - 잠금 도면층(도각·등고선·계류)은 마우스가 스쳐도 하이라이트하지 않는다. - 준비 중 도면 7종도 빈 도각으로 열린다(눌리지 않는 회색 버튼 제거). - 도면층 행이 잘리지 않게 패널을 300px로 넓히고 이름을 줄여 담는다. - 기본 그리기 색을 검정으로 — 흰 종이에 흰 선이라 안 보였다. - 색 고르는 동안 변경 통지가 연발하지 않는다. - 수량표는 앞 단계 산출물이라 도면에서 고치지 못하게 막고 안내한다. - 자동백업 칸을 도면별로 나눈다 — 되살리면 다른 도면에 붙었다. - 횡단 장 id를 시작 측점 기준으로 바꿔 구간이 달라져도 옛 확정이 안 붙는다. - 회사 도각 저장 전에 좌표를 검사하고, 기본 도각으로 되돌리기를 연다. - 횡단 파일이 없어도 나머지 도면 목록은 남는다. - 불러오는 중·실패를 화면에 표시한다. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
123 lines
3.7 KiB
TypeScript
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);
|
|
});
|
|
});
|