Jest與Jest Mock Functions的深入使用

Jest 是一個流行的 JavaScript 測試框架，它可以輕松地進行單元測試、集成測試和快照測試。Jest Mock Functions 是 Jest 提供的一種模擬函數，可以用來模擬任何 JavaScript 函數。這些模擬函數可以記錄調用信息，如調用次數、參數等，并且可以自定義返回值或實現。

Jest Mock Functions 的基本使用

1. 創建模擬函數： 使用 jest.fn() 方法可以創建一個模擬函數。例如：

const myMock = jest.fn();

2. 使用模擬函數： 將模擬函數作為替代原始函數傳遞給要測試的代碼。例如：

myFunction(myMock);

3. 檢查模擬函數的調用情況： 使用模擬函數的 .mock 屬性可以獲取到調用信息。例如：

expect(myMock.mock.calls.length).toBe(1); // 檢查是否被調用過一次
expect(myMock.mock.calls[0][0]).toBe(10); // 檢查第一次調用時的第一個參數是否為 10

4. 自定義模擬函數的返回值： 使用模擬函數的 .mockReturnValue() 方法可以設置模擬函數的返回值。例如：

myMock.mockReturnValue(42);

5. 自定義模擬函數的實現： 使用模擬函數的 .mockImplementation() 方法可以設置模擬函數的實現。例如：

myMock.mockImplementation((a, b) => a + b);

Jest Mock Functions 的高級使用

1. 清除模擬函數的調用記錄： 使用模擬函數的 .mockClear() 方法可以清除模擬函數的調用記錄。例如：

myMock.mockClear();

2. 重置模擬函數的返回值和實現： 使用模擬函數的 .mockReset() 方法可以重置模擬函數的返回值和實現。例如：

myMock.mockReset();

3. 模擬模塊的導出： 使用 jest.mock() 方法可以模擬模塊的導出。例如：

jest.mock('./myModule', () => {
  return {
    myFunction: jest.fn(() => 'mockedValue'),
  };
});

4. 模擬全局變量： 使用 jest.spyOn() 方法可以模擬全局變量。例如：

const consoleSpy = jest.spyOn(console, 'log').mockImplementation(() => {});

5. 模擬異步函數： 使用 jest.fn().mockResolvedValue() 或 jest.fn().mockRejectedValue() 方法可以模擬異步函數。例如：

const asyncMock = jest.fn().mockResolvedValue('asyncValue');

通過以上介紹，你應該已經了解了 Jest 和 Jest Mock Functions 的基本和高級使用方法。在編寫測試用例時，合理地使用 Jest Mock Functions 可以幫助你更好地隔離和控制測試對象，提高測試的可靠性和靈活性。