在 Jest 中 Mock 库时的最佳实践与技巧-JavaScript中文网-JavaScript教程资源分享门户

Mock 是前端开发中常用的一种技术，它可以模拟数据、函数等，使得我们能够更好地进行单元测试和集成测试。在 Jest 中，Mock 库的使用非常简单，但是在实际开发中，我们需要掌握一些最佳实践和技巧，以便更好地使用 Mock 库。

最佳实践

1. 尽量避免使用 jest.mock()

在 Jest 中，使用 jest.mock() 可以方便地进行模拟，但是它会影响到整个测试文件，因此我们应该尽量避免使用它。如果我们只需要在某个测试用例中进行模拟，可以使用 jest.fn() 或手动模拟。

2. 使用 jest.fn() 进行函数模拟

在 Jest 中，使用 jest.fn() 可以方便地进行函数模拟。我们可以使用它来模拟函数的返回值、抛出异常等。例如：

const add = jest.fn((a, b) => a + b);
const result = add(1, 2);
expect(result).toBe(3);
expect(add).toHaveBeenCalledTimes(1);
expect(add).toHaveBeenCalledWith(1, 2);

3. 使用 jest.spyOn() 进行函数监视

在 Jest 中，使用 jest.spyOn() 可以方便地进行函数监视。我们可以使用它来监视函数的调用情况、返回值等。例如：

// www.javascriptcn.com code example
const obj = {
  add(a, b) {
    return a + b;
  }
};
const spy = jest.spyOn(obj, 'add');
const result = obj.add(1, 2);
expect(result).toBe(3);
expect(spy).toHaveBeenCalledTimes(1);
expect(spy).toHaveBeenCalledWith(1, 2);

4. 使用 jest.mock() 进行模块模拟

在 Jest 中，使用 jest.mock() 可以方便地进行模块模拟。我们可以使用它来模拟模块的导出、函数的返回值等。例如：

// www.javascriptcn.com code example
// math.js
export const add = (a, b) => a + b;

// test.js
jest.mock('./math');
import { add } from './math';
add.mockReturnValue(3);
const result = add(1, 2);
expect(result).toBe(3);

5. 使用 jest.resetAllMocks() 进行 Mock 重置

在 Jest 中，使用 jest.resetAllMocks() 可以方便地重置所有的 Mock。我们可以使用它来避免 Mock 的影响，保证测试用例的独立性。例如：

const add = jest.fn((a, b) => a + b);
add.mockReturnValue(3);
const result1 = add(1, 2);
expect(result1).toBe(3);
jest.resetAllMocks();
const result2 = add(1, 2);
expect(result2).toBeUndefined();

技巧

1. 使用 jest.doMock() 进行动态模块模拟

在 Jest 中，使用 jest.doMock() 可以方便地进行动态模块模拟。我们可以使用它来模拟模块的导出、函数的返回值等，同时避免使用 jest.mock() 带来的副作用。例如：

// www.javascriptcn.com code example
const math = require('./math');
jest.doMock('./math', () => {
  const add = jest.fn((a, b) => a + b);
  return { ...math, add };
});
const { add } = require('./math');
add.mockReturnValue(3);
const result = add(1, 2);
expect(result).toBe(3);

2. 使用 jest.requireActual() 进行真实模块调用

在 Jest 中，使用 jest.requireActual() 可以方便地进行真实模块调用。我们可以使用它来调用模块的真实导出、函数的真实调用等。例如：

const math = jest.requireActual('./math');
const result = math.add(1, 2);
expect(result).toBe(3);

3. 使用 jest.advanceTimersByTime() 进行定时器模拟

在 Jest 中，使用 jest.advanceTimersByTime() 可以方便地进行定时器模拟。我们可以使用它来模拟定时器的延迟时间、定时器的回调函数等。例如：

jest.useFakeTimers();
const callback = jest.fn();
setTimeout(callback, 1000);
jest.advanceTimersByTime(1000);
expect(callback).toHaveBeenCalledTimes(1);

指导意义

掌握 Jest 中 Mock 库的最佳实践和技巧，可以帮助我们更好地进行单元测试和集成测试，提高代码的质量和可维护性。在实际开发中，我们应该根据具体情况选择合适的 Mock 方式，避免 Mock 的滥用，保证测试用例的独立性。同时，我们也应该不断学习和探索新的 Mock 技术，不断提升自己的技能水平。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/67d12db0a941bf713427f384

在 Jest 中 Mock 库时的最佳实践与技巧