0Pricing
TypeScript Academy · 课时

在 TypeScript 中模拟模块与函数

使用 jest.mock 和正确的类型转换策略

在 TypeScript 中模拟模块与函数 是 CoddyKit 上的免费 TypeScript Academy 课时。 这是第 3 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 TypeScript Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 4 节课。

欢迎

使用 TypeScript 进行 Jest 模块模拟时,需要采用正确的类型转换策略,以避免得到 any 类型的模拟对象。

带类型的 jest.fn()

根据其签名为 Jest 模拟函数添加类型。
const mockFn = jest.fn<number, [string]>();
mockFn('hello'); // typed call

jest.mock() 与 TypeScript

默认情况下,jest.mock 没有类型。请将其转换为 jest.MockedFunction,以便进行类型安全的访问。
jest.mock('./api');
import { fetchUser } from './api';
const mockFetch = fetchUser as jest.MockedFunction<typeof fetchUser>;

jest.mocked() 辅助函数

Jest 27+ 提供了 jest.mocked(),可以简洁地为模拟模块添加类型。
jest.mock('./api');
import { fetchUser } from './api';
const mockFetch = jest.mocked(fetchUser);
mockFetch.mockResolvedValue({ id: 1, name: 'Alice' });

模拟返回值

正确地为 mockReturnValue 和 mockResolvedValue 添加类型。
mockFetch.mockResolvedValue({ id: 1, name: 'Alice' }); // must match User type

监视方法

使用 jest.spyOn 对方法进行类型安全的监视。
const spy = jest.spyOn(userService, 'findUser');
spy.mockResolvedValue(mockUser);

模拟整个模块

使用手动工厂函数模拟整个模块。
jest.mock('./db', () => ({
  findUser: jest.fn(),
  createUser: jest.fn(),
}));

自动模拟

jest.createMockFromModule 根据现有模块创建模拟模块。
const mockDb = jest.createMockFromModule<typeof import('./db')>('./db');

部分模拟

只模拟模块中的某些方法。
jest.mock('./email', () => ({ ...jest.requireActual('./email'), sendEmail: jest.fn() }));

清除模拟

在测试之间重置模拟,以防止状态泄漏。
afterEach(() => { jest.clearAllMocks(); });
// Or globally: jest.config clearMocks: true

类型安全的模拟对象

为依赖注入测试创建类型化的模拟对象。
const mockRepo: jest.Mocked<UserRepository> = {
  findById: jest.fn(),
  save: jest.fn(),
  delete: jest.fn(),
};

快速检查

在 TypeScript 中,`jest.mocked(fn)` 的作用是什么?

回顾

在 TypeScript 中模拟模块和函数:您已掌握关键概念和模式。

常见问题解答

「在 TypeScript 中模拟模块与函数」课时是免费的吗?

是的 — 「在 TypeScript 中模拟模块与函数」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 TypeScript Academy 课程的其余内容,请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 4 节课。

「在 TypeScript 中模拟模块与函数」这节课中我会学到什么?

使用 jest.mock 和正确的类型转换策略 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 TypeScript Academy 需要有经验吗?

无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 3 节课,共 4 节。

「在 TypeScript 中模拟模块与函数」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 TypeScript Academy 课中编写并运行代码吗?

能。每节 TypeScript Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 使用 ts-jest 配置 TypeScript 的 Jest
  2. 编写类型安全的单元测试
  3. 在 TypeScript 中模拟模块与函数
  4. 使用 expectTypeOf 和 tsd 进行类型测试
← 返回 TypeScript Academy