Jest与Jest Mock Functions进阶

Jest 是一个流行的 JavaScript 测试框架，它可以轻松地编写和管理 JavaScript 代码的测试。Jest Mock Functions 是 Jest 提供的一种模拟函数，用于在测试中模拟函数调用、返回值等。

Jest Mock Functions 进阶

1. 模拟返回值： 使用 mockReturnValue 方法可以为模拟函数指定返回值。

   const myMock = jest.fn();
   myMock.mockReturnValue(42);
   
   console.log(myMock()); // 输出 42
   

2. 模拟返回值序列： 使用 mockReturnValueOnce 方法可以为模拟函数指定多个返回值，每次调用时按顺序返回。

   const myMock = jest.fn();
   myMock.mockReturnValueOnce(1).mockReturnValueOnce(2).mockReturnValueOnce(3);
   
   console.log(myMock()); // 输出 1
   console.log(myMock()); // 输出 2
   console.log(myMock()); // 输出 3
   

3. 模拟实现： 使用 mockImplementation 方法可以为模拟函数指定一个实现。

   const myMock = jest.fn();
   myMock.mockImplementation(() => 'Hello, world!');
   
   console.log(myMock()); // 输出 "Hello, world!"
   

4. 模拟实现一次： 使用 mockImplementationOnce 方法可以为模拟函数指定一个实现，仅对下一次调用生效。

   const myMock = jest.fn();
   myMock.mockImplementationOnce(() => 'Hello').mockImplementationOnce(() => 'world!');
   
   console.log(myMock()); // 输出 "Hello"
   console.log(myMock()); // 输出 "world!"
   

5. 清除模拟： 使用 mockClear 方法可以清除模拟函数的调用记录。

   const myMock = jest.fn();
   myMock();
   
   console.log(myMock.mock.calls.length); // 输出 1
   myMock.mockClear();
   console.log(myMock.mock.calls.length); // 输出 0
   

6. 重置模拟： 使用 mockReset 方法可以重置模拟函数的所有设置，包括调用记录、返回值等。

   const myMock = jest.fn();
   myMock.mockReturnValue(42);
   myMock();
   
   console.log(myMock.mock.calls.length); // 输出 1
   console.log(myMock()); // 输出 42
   myMock.mockReset();
   console.log(myMock.mock.calls.length); // 输出 0
   console.log(myMock()); // 输出 undefined
   

7. 自动模拟： 使用 jest.fn() 创建的模拟函数会自动记录调用信息，如调用次数、参数等。

   const myMock = jest.fn();
   myMock('hello', 'world');
   
   console.log(myMock.mock.calls[0]); // 输出 ["hello", "world"]
   

8. 模拟模块： 使用 jest.mock() 方法可以模拟整个模块，例如：

   // myModule.js
   export const myFunction = () => 'original';
   
   // myModule.test.js
   import { myFunction } from './myModule';
   
   jest.mock('./myModule');
   
   myFunction.mockReturnValue('mocked');
   
   console.log(myFunction()); // 输出 "mocked"
   

9. 模拟部分模块： 使用 jest.spyOn() 方法可以模拟模块中的部分功能。

   // myModule.js
   export const myFunction = () => 'original';
   
   // myModule.test.js
   import * as myModule from './myModule';
   
   const spy = jest.spyOn(myModule, 'myFunction').mockReturnValue('mocked');
   
   console.log(myModule.myFunction()); // 输出 "mocked"
   spy.mockRestore();
   console.log(myModule.myFunction()); // 输出 "original"
   

通过以上示例，你可以更好地理解和使用 Jest Mock Functions 的进阶功能。在编写测试时，合理地使用这些功能可以帮助你更容易地模拟和验证代码的行为。