编辑“︁JavaScript测试替身”︁（章节）

== 核心概念 ==

测试替身包含以下主要类型（根据Gerard Meszaros分类）：

<mermaid>
graph LR
    A[Test Doubles] --> B[Dummy]
    A --> C[Stub]
    A --> D[Spy]
    A --> E[Mock]
    A --> F[Fake]
</mermaid>

=== 1. Dummy（占位对象） ===
* 最简单的替身，仅用于填充参数列表，不参与实际逻辑
* 典型场景：测试函数需要传递对象但实际不使用时

<syntaxhighlight lang="javascript">
// 示例：测试需要传递但未使用的回调函数
const dummyCallback = () => {};
testFunction(dummyCallback); // dummyCallback不会被实际调用
</syntaxhighlight>

=== 2. Stub（桩） ===
* 提供预定义响应，替代真实依赖的返回值
* 特点：无状态记录，仅返回固定值

<syntaxhighlight lang="javascript">
// 使用Sinon.js创建Stub
const sinon = require('sinon');
const database = {
  getUser: sinon.stub().returns({ id: 1, name: 'Test User' })
};

// 测试
console.log(database.getUser()); // 输出: { id: 1, name: 'Test User' }
</syntaxhighlight>

=== 3. Spy（间谍） ===
* 包装真实函数，记录调用信息（次数、参数等）
* 不修改原函数行为

<syntaxhighlight lang="javascript">
// 使用Jest的spyOn
const user = {
  save: () => true
};

test('should call save method', () => {
  const saveSpy = jest.spyOn(user, 'save');
  user.save();
  expect(saveSpy).toHaveBeenCalledTimes(1);
});
</syntaxhighlight>

=== 4. Mock（模拟） ===
* 预设行为 + 调用验证
* 包含断言能力，验证特定交互是否发生

<syntaxhighlight lang="javascript">
// 使用Jest的mock函数
const mockFetch = jest.fn()
  .mockResolvedValueOnce({ data: 'first response' })
  .mockRejectedValueOnce(new Error('Network error'));

// 测试异步场景
await mockFetch(); // 返回第一次预设值
await mockFetch(); // 抛出第二次预设错误
</syntaxhighlight>

=== 5. Fake（伪造对象） ===
* 简化版真实实现，适用于测试环境
* 典型例子：内存数据库替代真实数据库

<syntaxhighlight lang="javascript">
class FakeDatabase {
  constructor() {
    this.users = [];
  }
  addUser(user) {
    this.users.push(user);
  }
}

// 测试中替代MongoDB/MySQL
const db = new FakeDatabase();
db.addUser({ id: 1 });
console.log(db.users.length); // 输出: 1
</syntaxhighlight>