user-system/frontend/admin/TEST_PLAN.md

前端测试补充计划

测试补充原则

1. 按依赖层级从底层到上层进行测试
2. 每个模块测试通过后再进行下一个
3. 相关联模块全部测试通过后提交

测试补充顺序

阶段 1: Lib 层基础工具测试

优先级: 高 - 这是其他模块依赖的基础

序号	文件	测试文件	状态	依赖
1.1	lib/config.ts	lib/config.test.ts	✓ 已测	无
1.2	lib/device-fingerprint.ts	lib/device-fingerprint.test.ts	✓ 已测	无
1.3	lib/errors/index.ts	lib/errors/index.test.ts	✓ 已测	无
1.4	lib/storage/index.ts	lib/storage/index.test.ts	✓ 已测	无
1.5	lib/hooks/useBreadcrumbs.ts	lib/hooks/useBreadcrumbs.test.ts	✓ 已测	无
1.6	lib/http/index.ts	lib/http/index.test.ts	✓ 已测	lib/storage

阶段提交点: 所有 lib 测试通过后提交一次

---

阶段 2: Services 层 API 服务测试

优先级: 高 - 页面组件依赖的服务层

序号	文件	测试文件	状态	依赖
2.1	services/devices.ts	services/devices.test.ts	✓ 已测	lib/http
2.2	services/login-logs.ts	services/login-logs.test.ts	✓ 已测	lib/http
2.3	services/operation-logs.ts	services/operation-logs.test.ts	✓ 已测	lib/http
2.4	services/permissions.ts	services/permissions.test.ts	✓ 已测	lib/http
2.5	services/profile.ts	services/profile.test.ts	✓ 已测	lib/http
2.6	services/roles.ts	services/roles.test.ts	✓ 已测	lib/http
2.7	services/settings.ts	services/settings.test.ts	✓ 已测	lib/http
2.8	services/stats.ts	services/stats.test.ts	✓ 已测	lib/http
2.9	services/import-export.ts	services/import-export.test.ts	✓ 已测	lib/http

阶段提交点: 所有 services 测试通过后提交一次

---

阶段 3: Components 层组件测试

优先级: 中 - 可复用的 UI 组件

3.1 通用组件

序号	文件	测试文件	状态	依赖
3.1.1	components/common/PageHeader/PageHeader.tsx	PageHeader.test.tsx	待测	无
3.1.2	components/common/ErrorBoundary/index.ts	ErrorBoundary.test.tsx	✓ 已测(已有)	无

3.2 反馈组件

序号	文件	测试文件	状态	依赖
3.2.1	components/feedback/PageState/index.ts	PageState.test.tsx	✓ 已测(已有)	无

3.3 路由守卫组件

序号	文件	测试文件	状态	依赖
3.3.1	components/guards/RequireAdmin.tsx	RequireAdmin.test.tsx	✓ 已测(已有)	lib/auth
3.3.2	components/guards/RequireAuth.tsx	RequireAuth.test.tsx	✓ 已测(已有)	lib/auth

3.4 布局组件

序号	文件	测试文件	状态	依赖
3.4.1	components/layout/PageLayout/ContentCard.tsx	ContentCard.test.tsx	✓ 已测	无
3.4.2	components/layout/PageLayout/FilterCard.tsx	FilterCard.test.tsx	✓ 已测	无
3.4.3	components/layout/PageLayout/TableCard.tsx	TableCard.test.tsx	✓ 已测	无
3.4.4	components/layout/PageLayout/TreeCard.tsx	TreeCard.test.tsx	✓ 已测	无
3.4.5	components/layout/PageLayout/PageLayout.tsx	PageLayout.test.tsx	✓ 已测	以上组件

阶段提交点: 所有 components 测试通过后提交一次

---

阶段 4: Layouts 层布局测试

优先级: 中

序号	文件	测试文件	状态	依赖
4.1	layouts/AuthLayout/AuthLayout.tsx	AuthLayout.test.tsx	✓ 已测	无

阶段提交点: layouts 测试通过后提交一次

---

阶段 5: 页面细节组件测试

优先级: 低 - 页面级组件已有主要测试

序号	文件	测试文件	状态	依赖
5.1	pages/admin/LoginLogsPage/LoginLogDetailDrawer.tsx	LoginLogDetailDrawer.test.tsx	✓ 已测	services/login-logs
5.2	pages/admin/OperationLogsPage/OperationLogDetailDrawer.tsx	OperationLogDetailDrawer.test.tsx	✓ 已测	services/operation-logs
5.3	pages/admin/ProfileSecurityPage/ProfileSecurityPage.tsx	已有测试	检查覆盖率	多个 services

阶段提交点: 最终提交

---

执行流程

对于每个测试文件：

1. 阅读源文件，理解功能和接口
2. 创建测试文件，编写测试用例
3. 运行测试确保通过
4. 检查相关联模块测试是否仍然通过
5. 阶段完成后提交

当前进度

• 阶段 1: Lib 层测试 ✓ (已提交)
• 阶段 2: Services 层测试 ✓ (已提交)
• 阶段 3: Components 层测试 ✓ (已提交)
• 阶段 4: Layouts 层测试 ✓ (已提交)
• 阶段 5: 页面细节组件测试 ✓ (已提交)

总测试数: 518 个测试，82 个测试文件，全部通过