Jest模拟函数Mock Function部分模块

最新推荐文章于 2024-11-21 10:29:15 发布

chenwenqqqq

最新推荐文章于 2024-11-21 10:29:15 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript 前端单元测试

本文链接：https://blog.csdn.net/chenwenqqqq/article/details/126933951

前端专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何使用Jest进行部分模拟，通过一个具体例子展示了如何仅替换目标模块的部分导出项，而保留其他真实行为不变，适用于单元测试场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在看到Jest模拟函数的那部分的时候，发现官方提供了一种模拟部分依赖的方法，下面看看官方文档给出的例子

// foo-bar-baz.js
export const foo = 'foo';
export const bar = () => 'bar';
export default () => 'baz';

//test.js
import defaultExport, {bar, foo} from '../foo-bar-baz';

jest.mock('../foo-bar-baz', () => {
  // 真实的 foo-bar-baz 模块内容
  const originalModule = jest.requireActual('../foo-bar-baz');

  // Mock 默认导出和 foo 的内容
  return {
    __esModule: true,
    ...originalModule,
    default: jest.fn(() => 'mocked baz'),
    foo: 'mocked foo',
  };
});

test('should do a partial mock', () => {
  const defaultExportResult = defaultExport();
  expect(defaultExportResult).toBe('mocked baz');
  expect(defaultExport).toHaveBeenCalled();

  expect(foo).toBe('mocked foo');
  expect(bar()).toBe('bar');
});

我觉得主要就是在mock中用return对原来的方法进行覆盖

  return {
    __esModule: true,
    //  原来引入的模块
    ...originalModule,
	// 相当于用default,foo覆盖了原来Module中的方法
    default: jest.fn(() => 'mocked baz'),
    foo: 'mocked foo',
  };

覆盖之后相当于

// foo-bar-baz.js
export const foo = 'mocked foo';
export const bar = () => 'bar';
export default () => 'mocked baz';