admin
afcddfaeb9
- 新增基于 JWT 当前用户的登录恢复、角色权限、用户管理、审计日志和演示出厂重置后台接口与前端管理页。 - 重串 GT_label 导出和 GT Mask 导入逻辑：导出保留类别真实 maskid，导入仅接受灰度或 RGB 等通道 maskid 图，支持未知 maskid 策略、尺寸最近邻拉伸和导入预览。 - 统一分割结果导出体验：默认当前帧，按项目抽帧顺序和 XhXXmXXsXXXms 时间戳命名 ZIP 与图片，补齐 GT/Pro/Mix/分开 Mask 输出和映射 JSON。 - 调整工作区左侧工具栏：移除创建点/线段入口，新增画笔、橡皮擦及尺寸控制，并按绘制、布尔、导入/AI 工具分组分隔。 - 扩展 Canvas 编辑能力：画笔按语义分类绘制并可自动并入连通选中 mask，橡皮擦对选中区域扣除，优化布尔操作、选区、撤销重做和保存状态联动。 - 优化自动传播时间轴显示：同一蓝色系按传播新旧递进变暗，老传播记录达到阈值后统一旧记录色，并维护范围选择与清空后的历史显示。 - 将 AI 智能分割入口替换为更明确的 AI 元素图标，并同步侧栏、工作区和 AI 页面入口表现。 - 完善模板分类、maskid 工具函数、分类树联动、遮罩透明度、边缘平滑和传播链同步相关前端状态。 - 扩展后端项目、媒体、任务、Dashboard、模板和传播 runner 的用户隔离、任务控制、进度事件与兼容处理。 - 补充前后端测试，覆盖用户管理、GT_label 往返导入导出、GT Mask 校验和预览、画笔/橡皮擦、时间轴传播历史、导出范围、WebSocket 与 API 封装。 - 更新 AGENTS、README 和 doc 文档，记录当前接口契约、实现状态、测试计划、安装说明和 maskid/GT_label 规则。
79 lines
3.9 KiB
TypeScript
79 lines
3.9 KiB
TypeScript
import { beforeEach, describe, expect, it } from 'vitest';
|
|
import { resetStore } from '../test/storeTestUtils';
|
|
import { useStore } from './useStore';
|
|
|
|
describe('useStore', () => {
|
|
beforeEach(() => {
|
|
resetStore();
|
|
});
|
|
|
|
it('stores and clears auth state with localStorage', () => {
|
|
useStore.getState().login('token-1', { id: 1, username: 'admin', role: 'admin' });
|
|
|
|
expect(useStore.getState().isAuthenticated).toBe(true);
|
|
expect(useStore.getState().token).toBe('token-1');
|
|
expect(useStore.getState().currentUser?.username).toBe('admin');
|
|
expect(localStorage.getItem('token')).toBe('token-1');
|
|
|
|
useStore.getState().logout();
|
|
|
|
expect(useStore.getState().isAuthenticated).toBe(false);
|
|
expect(useStore.getState().currentUser).toBeNull();
|
|
expect(useStore.getState().projects).toEqual([]);
|
|
expect(useStore.getState().frames).toEqual([]);
|
|
expect(localStorage.getItem('token')).toBeNull();
|
|
});
|
|
|
|
it('manages projects, frames, masks, annotations and templates', () => {
|
|
const project = { id: '1', name: 'Project', status: 'ready' as const };
|
|
useStore.getState().addProject(project);
|
|
useStore.getState().updateProject({ ...project, name: 'Updated' });
|
|
useStore.getState().setCurrentProject(project);
|
|
useStore.getState().setFrames([{ id: 'f1', projectId: '1', index: 0, url: '/f1.jpg', width: 640, height: 360 }]);
|
|
useStore.getState().setCurrentFrame(0);
|
|
useStore.getState().addMask({ id: 'm1', frameId: 'f1', pathData: 'M 0 0 Z', label: 'mask', color: '#fff' });
|
|
useStore.getState().setSelectedMaskIds(['m1']);
|
|
useStore.getState().setMaskPreviewOpacity(35);
|
|
useStore.getState().setBrushSize(36);
|
|
useStore.getState().setEraserSize(44);
|
|
useStore.getState().updateMask('m1', { label: 'updated mask', saveStatus: 'dirty' });
|
|
useStore.getState().addAnnotation({ id: 'a1', frameId: 'f1', type: 'mask', points: [], label: 'ann', color: '#fff' });
|
|
useStore.getState().addTemplate({ id: 't1', name: 'Template', classes: [], rules: [] });
|
|
useStore.getState().updateTemplate({ id: 't1', name: 'Template 2', classes: [], rules: [] });
|
|
useStore.getState().setActiveClass({ id: 'c1', name: '胆囊', color: '#ff0000', zIndex: 10 });
|
|
|
|
expect(useStore.getState().projects[0].name).toBe('Updated');
|
|
expect(useStore.getState().currentProject?.id).toBe('1');
|
|
expect(useStore.getState().frames).toHaveLength(1);
|
|
expect(useStore.getState().currentFrameIndex).toBe(0);
|
|
expect(useStore.getState().selectedMaskIds).toEqual(['m1']);
|
|
expect(useStore.getState().maskPreviewOpacity).toBe(35);
|
|
expect(useStore.getState().brushSize).toBe(36);
|
|
expect(useStore.getState().eraserSize).toBe(44);
|
|
expect(useStore.getState().masks[0]).toEqual(expect.objectContaining({ label: 'updated mask', saveStatus: 'dirty' }));
|
|
expect(useStore.getState().annotations).toHaveLength(1);
|
|
expect(useStore.getState().templates[0].name).toBe('Template 2');
|
|
expect(useStore.getState().activeClassId).toBe('c1');
|
|
|
|
useStore.getState().removeAnnotation('a1');
|
|
useStore.getState().clearMasks();
|
|
useStore.getState().removeTemplate('t1');
|
|
|
|
expect(useStore.getState().annotations).toEqual([]);
|
|
expect(useStore.getState().masks).toEqual([]);
|
|
expect(useStore.getState().selectedMaskIds).toEqual([]);
|
|
expect(useStore.getState().templates).toEqual([]);
|
|
});
|
|
|
|
it('keeps undo and redo history for mask edits', () => {
|
|
useStore.getState().addMask({ id: 'm1', frameId: 'f1', pathData: 'M 0 0 Z', label: 'mask 1', color: '#fff' });
|
|
useStore.getState().addMask({ id: 'm2', frameId: 'f1', pathData: 'M 1 1 Z', label: 'mask 2', color: '#000' });
|
|
|
|
expect(useStore.getState().masks.map((mask) => mask.id)).toEqual(['m1', 'm2']);
|
|
useStore.getState().undoMasks();
|
|
expect(useStore.getState().masks.map((mask) => mask.id)).toEqual(['m1']);
|
|
useStore.getState().redoMasks();
|
|
expect(useStore.getState().masks.map((mask) => mask.id)).toEqual(['m1', 'm2']);
|
|
});
|
|
});
|