test(web): PatientList/AlertList/DoctorList 页面测试 — 验证工厂模式

- 添加 matchMedia + ResizeObserver mock (Ant Design 依赖)
- renderWithProviders 注入 auth state + localStorage token
- 修复 fixture 批量生成自动分配唯一 id
- PatientList 5 测试 / AlertList 3 测试 / DoctorList 4 测试
This commit is contained in:
iven
2026-05-03 23:12:34 +08:00
parent 37cdeebb95
commit c0e0e2a6c3
6 changed files with 159 additions and 3 deletions

View File

@@ -3,13 +3,76 @@ import { render, RenderOptions } from '@testing-library/react';
import { MemoryRouter } from 'react-router-dom';
import { ConfigProvider } from 'antd';
import zhCN from 'antd/locale/zh_CN';
import { useAuthStore } from '../../stores/auth';
import { clearApiCache } from '../../api/client';
interface CustomRenderOptions extends Omit<RenderOptions, 'wrapper'> {
route?: string;
/** 初始化 auth store 状态(默认已认证 + 全权限) */
authState?: Partial<{
user: { id: string; username: string; tenant_id: string };
isAuthenticated: boolean;
permissions: string[];
}>;
}
const ALL_HEALTH_PERMISSIONS = [
'health.patient.manage',
'health.patient.list',
'health.doctor.manage',
'health.doctor.list',
'health.appointment.manage',
'health.appointment.list',
'health.alerts.manage',
'health.alerts.list',
'health.follow-up.manage',
'health.follow-up.list',
'health.follow-up-templates.manage',
'health.follow-up-templates.list',
'health.consultation.manage',
'health.consultation.list',
'health.dialysis.manage',
'health.dialysis.list',
'health.articles.manage',
'health.articles.list',
'health.articles.review',
'health.points.manage',
'health.points.list',
'health.health-data.manage',
'health.health-data.list',
'ai.analysis.manage',
'ai.analysis.list',
'ai.prompt.manage',
'ai.prompt.list',
];
const DEFAULT_AUTH = {
user: { id: 'test-user-id', username: 'admin', tenant_id: 'test-tenant-id' },
isAuthenticated: true,
permissions: ALL_HEALTH_PERMISSIONS,
};
// 简单 JWT payload — 不会过期
const MOCK_TOKEN = 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ0ZXN0LXVzZXItaWQiLCJleHAiOjk5OTk5OTk5OTl9.mock';
export function renderWithProviders(ui: ReactElement, options: CustomRenderOptions = {}) {
const { route = '/', ...renderOptions } = options;
const { route = '/', authState, ...renderOptions } = options;
// 初始化 localStorage tokenAPI client 依赖)
localStorage.setItem('access_token', MOCK_TOKEN);
localStorage.setItem('refresh_token', MOCK_TOKEN);
// 初始化 Zustand auth store
const auth = { ...DEFAULT_AUTH, ...authState };
useAuthStore.setState({
user: auth.user ?? null,
isAuthenticated: auth.isAuthenticated ?? true,
permissions: auth.permissions ?? ['*'],
loading: false,
} as any);
// 清除 API 缓存
clearApiCache();
function Wrapper({ children }: { children: React.ReactNode }) {
return (