Jest與Jest Mock Functions進(jìn)階

Jest 是一個(gè)流行的 JavaScript 測(cè)試框架，它可以輕松地編寫(xiě)和管理 JavaScript 代碼的測(cè)試。Jest Mock Functions 是 Jest 提供的一種模擬函數(shù)，用于在測(cè)試中模擬函數(shù)調(diào)用、返回值等。

Jest Mock Functions 進(jìn)階

1. 模擬返回值： 使用 mockReturnValue 方法可以為模擬函數(shù)指定返回值。

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

2. 模擬返回值序列： 使用 mockReturnValueOnce 方法可以為模擬函數(shù)指定多個(gè)返回值，每次調(diào)用時(shí)按順序返回。

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

3. 模擬實(shí)現(xiàn)： 使用 mockImplementation 方法可以為模擬函數(shù)指定一個(gè)實(shí)現(xiàn)。

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

4. 模擬實(shí)現(xiàn)一次： 使用 mockImplementationOnce 方法可以為模擬函數(shù)指定一個(gè)實(shí)現(xiàn)，僅對(duì)下一次調(diào)用生效。

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

5. 清除模擬： 使用 mockClear 方法可以清除模擬函數(shù)的調(diào)用記錄。

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

6. 重置模擬： 使用 mockReset 方法可以重置模擬函數(shù)的所有設(shè)置，包括調(diào)用記錄、返回值等。

   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. 自動(dòng)模擬： 使用 jest.fn() 創(chuàng)建的模擬函數(shù)會(huì)自動(dòng)記錄調(diào)用信息，如調(diào)用次數(shù)、參數(shù)等。

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

8. 模擬模塊： 使用 jest.mock() 方法可以模擬整個(gè)模塊，例如：

   // 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"
   

通過(guò)以上示例，你可以更好地理解和使用 Jest Mock Functions 的進(jìn)階功能。在編寫(xiě)測(cè)試時(shí)，合理地使用這些功能可以幫助你更容易地模擬和驗(yàn)證代碼的行為。