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 的進階功能。在編寫測試時，合理地使用這些功能可以幫助你更容易地模擬和驗證代碼的行為。