在以下情况加载此参考: 编写或修改测试、添加 mock、或想在生产代码中添加仅测试用方法时。
测试必须验证真实行为,而非 mock 行为。Mock 是隔离的手段,不是被测试的对象。
核心原则: 测试代码做了什么,而非 mock 做了什么。
严格遵循 TDD 可以防止这些反模式。
1. 绝不测试 mock 行为
2. 绝不在生产类中添加仅测试用的方法
3. 绝不在不理解依赖的情况下使用 mock
违规做法:
// ❌ 差:测试 mock 是否存在
test('renders sidebar', () => {
render(<Page />);
expect(screen.getByTestId('sidebar-mock')).toBeInTheDocument();
});
为什么这是错误的:
你的人类伙伴的纠正: "我们是在测试 mock 的行为吗?"
正确做法:
// ✅ 好:测试真实组件或不要 mock 它
test('renders sidebar', () => {
render(<Page />); // 不要 mock sidebar
expect(screen.getByRole('navigation')).toBeInTheDocument();
});
// 或者如果必须 mock sidebar 来隔离:
// 不要对 mock 做断言——测试 Page 在 sidebar 存在时的行为
在对任何 mock 元素做断言之前:
问:"我是在测试真实组件行为还是仅仅测试 mock 的存在?"
如果是测试 mock 的存在:
停下——删除断言或取消 mock
改为测试真实行为
违规做法:
// ❌ 差:destroy() 仅在测试中使用
class Session {
async destroy() { // 看起来像生产 API!
await this._workspaceManager?.destroyWorkspace(this.id);
// ... 清理
}
}
// 在测试中
afterEach(() => session.destroy());
为什么这是错误的:
正确做法:
// ✅ 好:测试工具处理测试清理
// Session 没有 destroy()——它在生产中是无状态的
// 在 test-utils/ 中
export async function cleanupSession(session: Session) {
const workspace = session.getWorkspaceInfo();
if (workspace) {
await workspaceManager.destroyWorkspace(workspace.id);
}
}
// 在测试中
afterEach(() => cleanupSession(session));
在向生产类添加任何方法之前:
问:"这只被测试使用吗?"
如果是:
停下——不要添加
放到测试工具中
问:"这个类是否拥有此资源的生命周期?"
如果否:
停下——这个方法不属于这个类
违规做法:
// ❌ 差:Mock 破坏了测试逻辑
test('detects duplicate server', () => {
// Mock 阻止了测试依赖的配置写入!
vi.mock('ToolCatalog', () => ({
discoverAndCacheTools: vi.fn().mockResolvedValue(undefined)
}));
await addServer(config);
await addServer(config); // 应该抛异常——但不会!
});
为什么这是错误的:
正确做法:
// ✅ 好:在正确的层级 mock
test('detects duplicate server', () => {
// Mock 慢的部分,保留测试需要的行为
vi.mock('MCPServerManager'); // 只 mock 慢的服务器启动
await addServer(config); // 配置被写入
await addServer(config); // 检测到重复 ✓
});
在 mock 任何方法之前:
停下——先不要 mock
1. 问:"真实方法有什么副作用?"
2. 问:"这个测试是否依赖这些副作用?"
3. 问:"我完全理解这个测试需要什么吗?"
如果依赖副作用:
在更底层 mock(实际的慢操作/外部操作)
或使用保留必要行为的测试替身
而非测试依赖的高层方法
如果不确定测试依赖什么:
先用真实实现运行测试
观察实际需要发生什么
然后在正确的层级添加最少的 mock
危险信号:
- "我 mock 一下保险"
- "这可能慢,还是 mock 掉吧"
- 不理解依赖链就 mock
违规做法:
// ❌ 差:部分 mock——只包含你认为需要的字段
const mockResponse = {
status: 'success',
data: { userId: '123', name: 'Alice' }
// 缺失:下游代码使用的 metadata
};
// 之后:代码访问 response.metadata.requestId 时崩溃
为什么这是错误的:
铁律: Mock 真实存在的完整数据结构,而非只包含你当前测试用到的字段。
正确做法:
// ✅ 好:镜像真实 API 的完整性
const mockResponse = {
status: 'success',
data: { userId: '123', name: 'Alice' },
metadata: { requestId: 'req-789', timestamp: 1234567890 }
// 真实 API 返回的所有字段
};
在创建 mock 响应之前:
检查:"真实 API 响应包含哪些字段?"
操作:
1. 从文档/示例中查看实际 API 响应
2. 包含系统下游可能消费的所有字段
3. 验证 mock 完全匹配真实响应的结构
关键:
如果你在创建 mock,你必须理解完整的结构
部分 mock 在代码依赖遗漏字段时会静默失败
不确定时:包含所有文档记录的字段
违规做法:
✅ 实现完成
❌ 没写测试
"准备好测试了"
为什么这是错误的:
正确做法:
TDD 循环:
1. 编写失败的测试
2. 实现使其通过
3. 重构
4. 然后才声称完成
警告信号:
你的人类伙伴的问题: "我们这里真的需要用 mock 吗?"
考虑: 使用真实组件的集成测试往往比复杂的 mock 更简单
TDD 有帮助的原因:
如果你在测试 mock 行为,你违反了 TDD — 你在没有先用真实代码让测试失败的情况下就加了 mock。
| 反模式 | 修复方式 |
|---|---|
| 对 mock 元素做断言 | 测试真实组件或取消 mock |
| 生产代码中的仅测试用方法 | 移到测试工具中 |
| 不理解就 mock | 先理解依赖,最少 mock |
| 不完整的 mock | 完整镜像真实 API |
| 测试作为事后补充 | TDD——先写测试 |
| 过于复杂的 mock | 考虑集成测试 |
*-mock test IDMock 是隔离的工具,不是被测试的对象。
如果 TDD 揭示你在测试 mock 行为,你已经走偏了。
修复方法:测试真实行为,或质疑为什么要 mock。