Jest框架中的Mock函數應用

Jest 是一個流行的 JavaScript 測試框架，它提供了豐富的功能來幫助開發者編寫和管理測試。在 Jest 中，Mock 函數是一種模擬（或稱為“假”）實現的方法，可以用于模擬對象、函數或模塊的行為。這樣，你可以在測試中控制這些行為，而無需實際執行它們。

以下是在 Jest 中使用 Mock 函數的一些常見場景：

1. 模擬函數：當你需要測試一個函數，但不想調用其依賴項時，可以使用 Mock 函數。例如，你可以模擬一個 API 請求函數，以便在測試中返回預定義的數據。

import { fetchData } from './api';

jest.mock('./api'); // 自動模擬 api 模塊中的所有函數

test('fetches data from the API', async () => {
  fetchData.mockResolvedValue({ data: 'example data' }); // 設置模擬函數的返回值

  const data = await fetchData();
  expect(data).toEqual({ data: 'example data' });
});

2. 模擬對象：當你需要模擬一個對象及其屬性或方法時，可以使用 jest.fn() 創建一個 Mock 函數，并將其分配給對象的屬性。

const myObject = {
  myMethod: jest.fn(),
};

myObject.myMethod.mockReturnValue('Hello, World!');

console.log(myObject.myMethod()); // 輸出 "Hello, World!"

3. 模擬模塊：當你需要模擬一個模塊及其導出的函數或對象時，可以使用 jest.mock() 函數。這將自動為模塊中的每個導出創建一個 Mock 函數。

// myModule.js
export const myFunction = () => 'Original function';

// myModule.test.js
import * as myModule from './myModule';

jest.mock('./myModule');

test('calls the mocked function', () => {
  myModule.myFunction.mockReturnValue('Mocked function');

  console.log(myModule.myFunction()); // 輸出 "Mocked function"
});

4. 模擬全局變量：當你需要模擬全局變量（如 window 或 document）時，可以使用 jest.spyOn() 函數。這將創建一個 Mock 函數，并將其附加到全局變量上。

test('calls the mocked window method', () => {
  const windowSpy = jest.spyOn(window, 'alert').mockImplementation(() => {});

  window.alert('Hello, World!');

  expect(windowSpy).toHaveBeenCalledWith('Hello, World!');

  windowSpy.mockRestore(); // 恢復原始的 window.alert 方法
});

總之，在 Jest 中使用 Mock 函數可以幫助你更好地控制和管理測試中的依賴項，從而提高測試的可靠性和可維護性。