后端能力: - 新增 Celery app、worker task、ProcessingTask 模型、/api/tasks 查询接口和 media_task_runner,将 /api/media/parse 改为创建后台任务并由 worker 执行 FFmpeg/OpenCV/pydicom 拆帧。 - 新增 Redis 进度事件模块和 FastAPI Redis pub/sub 订阅,将 worker 任务进度广播到 /ws/progress;Dashboard 后端概览接口改为聚合 projects/frames/annotations/templates/processing_tasks。 - 统一项目状态为 pending/parsing/ready/error,新增共享 status 常量,并让前端兼容归一化旧状态值。 - 扩展 AI 后端:新增 SAM registry、SAM2 真实运行状态、SAM3 状态检测与文本语义推理适配入口,以及 /api/ai/models/status GPU/模型状态接口。 - 补齐标注保存/更新/删除、COCO/PNG mask 导出相关后端契约和模板 mapping_rules 打包/解包行为。 前端能力: - 新增运行时 API/WS 地址推导配置,前端 API 封装对齐 FastAPI 路由、字段映射、任务轮询、标注归档、导出下载和 AI 预测响应转换。 - Dashboard 改为读取 /api/dashboard/overview,并订阅 WebSocket progress/complete/error/status 更新解析队列和实时流转记录。 - 项目库导入视频/DICOM 后创建项目、上传媒体、触发异步解析并刷新真实项目列表。 - 工作区加载真实帧、无帧时触发解析任务、回显已保存标注、保存未归档 mask、更新 dirty mask、清空当前帧后端标注、导出 COCO JSON。 - Canvas 支持当前帧点/框提示调用后端 AI、渲染推理/已保存 mask、应用模板分类并维护保存状态计数;时间轴按项目 fps 播放。 - AI 页面新增 SAM2/SAM3 模型选择,预测请求携带 model;侧边栏和工作区新增真实 GPU/SAM 状态徽标。 - 模板库和本体面板接入真实模板 CRUD、分类编辑、拖拽排序、JSON 导入、默认腹腔镜分类和本地自定义分类选择。 测试与文档: - 新增 Vitest 配置、前端测试 setup、API/config/websocket/store/组件测试,覆盖登录、项目库、Dashboard、Canvas、工作区、模型状态、时间轴、本体和模板库。 - 新增 pytest 后端测试夹具和 auth/projects/templates/media/AI/export/dashboard/tasks/progress 测试,使用 SQLite、fake MinIO、fake SAM registry 和 Redis monkeypatch 隔离外部服务。 - 新增 doc/ 文档结构,冻结当前需求、设计、接口契约、测试计划、前端逐元素审计、实现地图和后续实施计划,并同步更新 README 与 AGENTS。 验证: - conda run -n seg_server pytest backend/tests:27 passed。 - npm run test:run:54 passed。 - npm run lint、npm run build、compileall、git diff --check 均通过;Vite 仅提示大 chunk 警告。
67 lines
1.9 KiB
TypeScript
67 lines
1.9 KiB
TypeScript
import React from 'react';
|
|
import { afterEach, vi } from 'vitest';
|
|
import { cleanup } from '@testing-library/react';
|
|
import '@testing-library/jest-dom/vitest';
|
|
|
|
afterEach(() => {
|
|
cleanup();
|
|
localStorage.clear();
|
|
});
|
|
|
|
vi.stubGlobal('alert', vi.fn());
|
|
vi.stubGlobal('confirm', vi.fn(() => true));
|
|
URL.createObjectURL = vi.fn(() => 'blob:mock-url');
|
|
URL.revokeObjectURL = vi.fn();
|
|
HTMLAnchorElement.prototype.click = vi.fn();
|
|
|
|
function makeStageEvent(x = 120, y = 80) {
|
|
const stage = {
|
|
getPointerPosition: () => ({ x, y }),
|
|
getRelativePointerPosition: () => ({ x, y }),
|
|
scaleX: () => 1,
|
|
x: () => 0,
|
|
y: () => 0,
|
|
};
|
|
|
|
return {
|
|
evt: { preventDefault: vi.fn(), deltaY: -1 },
|
|
target: {
|
|
getStage: () => stage,
|
|
},
|
|
};
|
|
}
|
|
|
|
vi.mock('react-konva', () => ({
|
|
Stage: ({ children, onClick, onMouseDown, onMouseUp, onMouseMove, onWheel }: any) => (
|
|
<div
|
|
data-testid="konva-stage"
|
|
onClick={() => onClick?.(makeStageEvent())}
|
|
onMouseDown={() => onMouseDown?.(makeStageEvent())}
|
|
onMouseUp={() => onMouseUp?.(makeStageEvent(260, 200))}
|
|
onMouseMove={() => onMouseMove?.(makeStageEvent(180, 120))}
|
|
onWheel={() => onWheel?.(makeStageEvent())}
|
|
>
|
|
{children}
|
|
</div>
|
|
),
|
|
Layer: ({ children }: any) => <div data-testid="konva-layer">{children}</div>,
|
|
Group: ({ children }: any) => <div data-testid="konva-group">{children}</div>,
|
|
Image: ({ image }: any) => <img data-testid="konva-image" alt="" src={image?.src || ''} />,
|
|
Circle: (props: any) => <span data-testid="konva-circle" data-fill={props.fill} />,
|
|
Rect: (props: any) => <span data-testid="konva-rect" data-width={props.width} />,
|
|
Path: (props: any) => <span data-testid="konva-path" data-path={props.data} data-fill={props.fill} />,
|
|
}));
|
|
|
|
vi.mock('use-image', () => ({
|
|
default: (src: string) => [
|
|
{
|
|
src,
|
|
width: 640,
|
|
height: 360,
|
|
naturalWidth: 640,
|
|
naturalHeight: 360,
|
|
},
|
|
'loaded',
|
|
],
|
|
}));
|