fix(test): Header.test.tsx antd/icons mock 透传缺失导出（修复 Typography 未定义） #1947

Merged

auto-approve-bot merged 1 commits from fix/header-test-antd-mock into develop 2026-09-16 06:46:48 +08:00

Conversation 4 Commits 1 Files Changed 1

+50 -39

xiaoxia commented 2026-09-16 06:36:01 +08:00

Owner

Copy Link

Copy Source

问题

CI 单测失败：

src/test/components/layout/Header.test.tsx
[vitest] No "Typography" export is defined on the "antd" mock

根因：Header 现在渲染 PointsBadge，后者从 antd 解构 Popover/Button/Tag/Space/Typography/Badge 等组件，但测试文件里的 vi.mock("antd", () => ({...})) 只返回 Avatar/Dropdown/Space/Drawer 四个组件，未 mock 的导出被 vitest 视为 undefined，PointsBadge 第 18 行 const { Text, Paragraph } = Typography 直接报错。

同样 @ant-design/icons mock 只有 4 个图标，PointsBadge 需要的 ThunderboltOutlined/CrownOutlined/RightOutlined/WarningOutlined 也缺失。

修复

两个 mock 都改用 vi.importActual 模式（和文件内已有的 react-router-dom mock 一致），透传真实库的全部导出，只对测试用例需要断言的 Avatar/Dropdown/Space/Drawer + 4 个图标做局部覆盖：

vi.mock("antd", async () => {
  const actual = (await vi.importActual<typeof import("antd")>("antd")) as Record<string, unknown>
  return {
    ...actual,
    Avatar: (...)
    // ...其余覆盖
  }
})

其他测试文件

扫描了 apps/web/src/test/**/*.test.ts(x) 共 29 个单测文件：

• API 类单测 17 个（api/*.test.ts）：都用 vi.mock("antd", () => ({ message: { error, success } })) 仅 mock message，纯 axios 逻辑不渲染 React 组件，不会触发其他 antd 导出，保持现状无风险。
• 组件类单测 12 个：只有 Header.test.tsx 显式 mock 了 antd 且未透传；AppLayout/Sidebar/GenerateHeader/Login 等测试要么 mock 子组件而非 antd 本身，要么用真实 antd，均无问题。

验证

本地 Prettier 格式已对齐；等 CI Frontend Unit Tests 通过确认。

## 问题 CI 单测失败： ``` src/test/components/layout/Header.test.tsx [vitest] No "Typography" export is defined on the "antd" mock ``` 根因：Header 现在渲染 PointsBadge，后者从 antd 解构 Popover/Button/Tag/Space/Typography/Badge 等组件，但测试文件里的 `vi.mock("antd", () => ({...}))` 只返回 Avatar/Dropdown/Space/Drawer 四个组件，未 mock 的导出被 vitest 视为 undefined，PointsBadge 第 18 行 `const { Text, Paragraph } = Typography` 直接报错。 同样 `@ant-design/icons` mock 只有 4 个图标，PointsBadge 需要的 ThunderboltOutlined/CrownOutlined/RightOutlined/WarningOutlined 也缺失。 ## 修复 两个 mock 都改用 `vi.importActual` 模式（和文件内已有的 `react-router-dom` mock 一致），透传真实库的全部导出，只对测试用例需要断言的 Avatar/Dropdown/Space/Drawer + 4 个图标做局部覆盖： ```ts vi.mock("antd", async () => { const actual = (await vi.importActual<typeof import("antd")>("antd")) as Record<string, unknown> return { ...actual, Avatar: (...) // ...其余覆盖 } }) ``` ## 其他测试文件 扫描了 `apps/web/src/test/**/*.test.ts(x)` 共 29 个单测文件： - **API 类单测 17 个**（api/*.test.ts）：都用 `vi.mock("antd", () => ({ message: { error, success } }))` 仅 mock message，纯 axios 逻辑不渲染 React 组件，不会触发其他 antd 导出，保持现状无风险。 - **组件类单测 12 个**：只有 Header.test.tsx 显式 mock 了 antd 且未透传；AppLayout/Sidebar/GenerateHeader/Login 等测试要么 mock 子组件而非 antd 本身，要么用真实 antd，均无问题。 ## 验证 本地 Prettier 格式已对齐；等 CI Frontend Unit Tests 通过确认。

xiaoxia added 1 commit 2026-09-16 06:36:01 +08:00

fix(test): Header.test.tsx antd/icons mock 使用 importActual 透传未显式覆盖的导出 ... a295fd3e47

Header 现在渲染 PointsBadge，后者从 antd 解构 Popover/Button/Tag/Space/Typography/Badge，从 @ant-design/icons 解构 ThunderboltOutlined/CrownOutlined/RightOutlined/WarningOutlined。

原 mock 只返回 Avatar/Dropdown/Space/Drawer + 4 个图标，vitest 遇到 Typography 等未 mock 的导出会报：
[vitest] No "Typography" export is defined on the "antd" mock

修复：改用 vi.importActual 透传真实 antd / @ant-design/icons 的全部导出，只对测试中需要断言的 Avatar/Dropdown/Space/Drawer + 4 个图标做局部覆盖。

其他 17 个 API 单测的 vi.mock("antd", () => ({message:{error,success}})) 模式是纯逻辑测试，不渲染 React 组件，不会触发其他 antd 导出加载，保持现状不影响稳定性。

auto-approve-bot approved these changes 2026-09-16 06:37:52 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

auto-approve-bot approved these changes 2026-09-16 06:37:52 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

gitea-actions bot commented 2026-09-16 06:38:10 +08:00

Copy Link

Copy Source

🚀 预览环境已部署

项目	详情
PR号	#1947
预览链接	https://pr-1947.preview.xiaoxiajianji.com
API环境	staging

💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。

🔄 每次提交新代码后预览环境会自动更新。

🗑️ PR 关闭或合并后，预览环境会自动清理。

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #1947 | | 预览链接 | [https://pr-1947.preview.xiaoxiajianji.com](https://pr-1947.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后，预览环境会自动清理。

auto-approve-bot merged commit 7d2fbfa49f into develop 2026-09-16 06:46:48 +08:00

auto-approve-bot deleted branch fix/header-test-antd-mock 2026-09-16 06:46:49 +08:00

gitea-actions bot commented 2026-09-16 06:47:26 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

PR #1947 已关闭或合并，对应的预览环境已被清理。

如有需要，可以重新打开 PR 来重新生成预览环境。

🗑️ **预览环境已清理** PR #1947 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。

frontend-dev referenced this pull request 2026-09-16 06:49:20 +08:00

fix(e2e): 适配5步向导流程，删除已移除的模板选择和数量弹窗步骤 #1948

Sign in to join this conversation.

Reviewers

No Reviewers

auto-approve-bot

Labels

Clear labels

architecture

架构设计

backend

后端相关

blocked

阻塞中

bug

Bug修复

ci-bug

CI本身的bug

ci-optimization

CI优化类任务

ci-pipeline

CI流水线/workflow相关

cleanup

代码清理

devops

运维/部署/CI

documentation

文档相关

feature

新功能

frontend

前端相关

P0

阻塞性，必须立即处理

P1

高优先级

P2

中优先级

P3

低优先级/后考虑

question

需要讨论确认

ready

PR CI通过，可合并

refactor

代码重构

No Label

Milestone

No items

No Milestone

Projects

Clear projects

No project

Assignees

Clear assignees

auto-approve-bot frontend-dev xiaoxia

No Assignees

3 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1947