en un clic
test-driven-development
当实施任何功能或 bugfix 时使用,在编写实施代码之前
Menu
当实施任何功能或 bugfix 时使用,在编写实施代码之前
在进行任何创造性工作之前,你必须使用此功能——创造特性、构建组件、添加功能或修改行为。在实施之前探索用户意图、需求和设计。
当面临 2 个以上可以独立工作且没有共享状态或顺序依赖关系的任务时使用
当你有一份书面的实施 plan 要在单独的会话中执行,并带有审查检查点时使用
当实施完成,所有测试通过,你需要决定如何集成工作时使用 - 通过提供合并、PR 或清理的结构化选项来指导开发工作的完成
当完成任务、实施主要功能或在合并之前验证工作是否符合要求时使用
当在当前会话中执行具有独立任务的实施 plans 时使用
| name | test-driven-development |
| description | 当实施任何功能或 bugfix 时使用,在编写实施代码之前 |
首先编写测试。看着它失败。编写最少量的代码使其通过。
核心原则: 如果你没有看着测试失败,你就不知道它是否测试了正确的东西。
违反规则的字面意思就是违反规则的精神。
总是 (Always):
例外 (询问你的人类伙伴):
想 "就这一次跳过 TDD"?停下。那是合理化借口。
没有先失败的测试就没有生产代码 (NO PRODUCTION CODE WITHOUT A FAILING TEST FIRST)
在测试之前写代码?删除它。重新开始。
无例外:
从测试出发全新实现。就这么简单。
digraph tdd_cycle {
rankdir=LR;
red [label="RED\nWrite failing test", shape=box, style=filled, fillcolor="#ffcccc"];
verify_red [label="Verify fails\ncorrectly", shape=diamond];
green [label="GREEN\nMinimal code", shape=box, style=filled, fillcolor="#ccffcc"];
verify_green [label="Verify passes\nAll green", shape=diamond];
refactor [label="REFACTOR\nClean up", shape=box, style=filled, fillcolor="#ccccff"];
next [label="Next", shape=ellipse];
red -> verify_red;
verify_red -> green [label="yes"];
verify_red -> red [label="wrong\nfailure"];
green -> verify_green;
verify_green -> refactor [label="yes"];
verify_green -> green [label="no"];
refactor -> verify_green [label="stay\ngreen"];
verify_green -> next;
next -> red;
}
编写一个展示应该发生什么的最小测试。
```typescript test('retries failed operations 3 times', async () => { let attempts = 0; const operation = () => { attempts++; if (attempts < 3) throw new Error('fail'); return 'success'; };const result = await retryOperation(operation);
expect(result).toBe('success'); expect(attempts).toBe(3); });
清晰的名称,测试真实行为,一件事
</Good>
<Bad>
```typescript
test('retry works', async () => {
const mock = jest.fn()
.mockRejectedValueOnce(new Error())
.mockRejectedValueOnce(new Error())
.mockResolvedValueOnce('success');
await retryOperation(mock);
expect(mock).toHaveBeenCalledTimes(3);
});
模糊的名称,测试 mock 而不是代码
要求:
强制性。绝不跳过。
npm test path/to/test.test.ts
确认:
测试通过? 你在测试现有行为。修复测试。
测试错误? 修复错误,重新运行直到它正确失败。
编写最简单的代码通过测试。
```typescript async function retryOperation(fn: () => Promise): Promise { for (let i = 0; i < 3; i++) { try { return await fn(); } catch (e) { if (i === 2) throw e; } } throw new Error('unreachable'); } ``` 刚好足够通过 ```typescript async function retryOperation( fn: () => Promise, options?: { maxRetries?: number; backoff?: 'linear' | 'exponential'; onRetry?: (attempt: number) => void; } ): Promise { // YAGNI } ``` 过度设计不要添加功能,重构其他代码,或在测试之外 "改进"。
强制性。
npm test path/to/test.test.ts
确认:
测试失败? 修复代码,而不是测试。
其他测试失败? 现在修复。
仅在 green 后:
保持测试 green。不要添加行为。
下一个功能的下一个失败测试。
| 质量 | 好 | 坏 |
|---|---|---|
| 最小 | 一件事。名称中有 "and"?拆分它。 | test('validates email and domain and whitespace') |
| 清晰 | 名称描述行为 | test('test1') |
| 显示意图 | 演示所需的 API | 模糊了代码应该做什么 |
"稍后我会写测试来验证它的工作"
代码后写的测试立即通过。立即通过证明不了什么:
先测试迫使你看到测试失败,证明它实际上测试了一些东西。
"我已经手动测试了所有的边界情况"
手动测试是临时的。你认为你测试了一切,但是:
自动化测试是系统的。它们每次都以相同的方式运行。
"删除 X 小时的工作是浪费"
沉没成本谬误。时间已经过去了。你现在的选择:
"浪费" 是保留你不能信任的代码。没有真实测试的工作代码是技术债务。
"TDD 是教条主义,务实意味着适应"
TDD 就是务实的:
"务实" 捷径 = 生产中调试 = 更慢。
"后测试达到相同的目标 - 它是精神而不是仪式"
不。后测试回答 "这做什么?"。先测试回答 "这应该做什么?"。
后测试受你的实施偏见影响。你测试你构建的,而不是需要的。你验证记住的边界情况,而不是发现的。
先测试迫使在实施之前发现边界情况。后测试验证你记住了所有事情 (你没有)。
30 分钟的后测试 ≠ TDD。你获得了覆盖率,失去了测试工作的证明。
| 借口 | 现实 |
|---|---|
| "太简单不用测试" | 简单代码会坏。测试只需 30 秒。 |
| "我会之后测试" | 立即通过的测试证明不了什么。 |
| "后测试达到相同目标" | 后测试 = "这做什么?" 先测试 = "这应该做什么?" |
| "已经手动测试过" | 临时 ≠ 系统。无记录,无法重新运行。 |
| "删除 X 小时是浪费" | 沉没成本谬误。保留未验证的代码是技术债务。 |
| "保留作为参考,先写测试" | 你会改编它。那就是后测试。删除意味着删除。 |
| "需要先探索" | 好的。扔掉探索,用 TDD 开始。 |
| "测试难 = 设计不清楚" | 倾听测试。难以测试 = 难以使用。 |
| "TDD 会拖慢我" | TDD 比调试快。务实 = 先测试。 |
| "手动测试更快" | 手动不能证明边界情况。你会重新测试每个更改。 |
| "现有代码没有测试" | 你正在改进它。为现有代码添加测试。 |
所有这些意味着: 删除代码。用 TDD 重新开始。
Bug: 接受空电子邮件
RED
test('rejects empty email', async () => {
const result = await submitForm({ email: '' });
expect(result.error).toBe('Email required');
});
Verify RED
$ npm test
FAIL: expected 'Email required', got undefined
GREEN
function submitForm(data: FormData) {
if (!data.email?.trim()) {
return { error: 'Email required' };
}
// ...
}
Verify GREEN
$ npm test
PASS
REFACTOR 如果需要,提取多个字段的验证。
在标记工作完成之前:
不能选中所有框?你跳过了 TDD。重新开始。
| 问题 | 解决方案 |
|---|---|
| 不知道如何测试 | 写下希望的 API。先写断言。询问你的人类伙伴。 |
| 测试太复杂 | 设计太复杂。简化接口。 |
| 必须 mock 一切 | 代码耦合太紧。使用依赖注入。 |
| 测试设置巨大 | 提取 helpers。仍然复杂?简化设计。 |
发现 Bug?编写复现它的失败测试。遵循 TDD 循环。测试证明修复并防止回归。
绝不要在没有测试的情况下修复 bugs。
当添加 mocks 或测试工具时,阅读 @testing-anti-patterns.md 以避免常见陷阱:
生产代码 → 测试存在并先失败
否则 → 不是 TDD
没有你的人类伙伴的许可,无例外。