Jest與Jest測試監聽器高級用法

Jest 是一個流行的 JavaScript 測試框架，用于編寫和管理 JavaScript 代碼的測試

1. 使用 beforeEach 和 afterEach 鉤子：

在測試之前或之后執行特定操作時，可以使用 beforeEach 和 afterEach 鉤子。這些鉤子在每個測試用例之前和之后運行。

describe('My Test Suite', () => {
  beforeEach(() => {
    // 在每個測試用例之前運行的代碼
  });

  afterEach(() => {
    // 在每個測試用例之后運行的代碼
  });

  test('Test Case 1', () => {
    // ...
  });

  test('Test Case 2', () => {
    // ...
  });
});

2. 使用 beforeAll 和 afterAll 鉤子：

如果需要在整個測試套件之前或之后執行一次性設置或清理操作，可以使用 beforeAll 和 afterAll 鉤子。

describe('My Test Suite', () => {
  beforeAll(() => {
    // 在整個測試套件之前運行的代碼
  });

  afterAll(() => {
    // 在整個測試套件之后運行的代碼
  });

  test('Test Case 1', () => {
    // ...
  });

  test('Test Case 2', () => {
    // ...
  });
});

3. 使用 jest.spyOn() 監聽函數調用：

jest.spyOn() 函數允許你監聽特定對象上的方法調用。這對于測試函數是否被調用以及調用參數是什么非常有用。

const myObject = {
  myMethod: (arg) => arg * 2,
};

test('myMethod should be called with 5', () => {
  const spy = jest.spyOn(myObject, 'myMethod');

  myObject.myMethod(5);

  expect(spy).toHaveBeenCalledWith(5);
});

4. 使用 jest.fn() 創建模擬函數：

jest.fn() 函數允許你創建一個模擬函數，該函數可以跟蹤調用次數、參數等信息。這對于測試回調函數或其他不直接訪問的函數非常有用。

test('Callback should be called with "Hello"', () => {
  const callback = jest.fn();

  function myFunction(cb) {
    cb('Hello');
  }

  myFunction(callback);

  expect(callback).toHaveBeenCalledWith('Hello');
});

5. 使用 jest.mock() 模擬模塊：

jest.mock() 函數允許你模擬 Node.js 模塊，以便在測試中替換實際模塊。這對于測試依賴外部模塊的代碼非常有用。

// myModule.js
module.exports = {
  myMethod: () => 'Original Value',
};

// myModule.test.js
jest.mock('./myModule');

const myModule = require('./myModule');

test('myMethod should return "Mocked Value"', () => {
  myModule.myMethod.mockImplementation(() => 'Mocked Value');

  expect(myModule.myMethod()).toBe('Mocked Value');
});

這些高級用法可以幫助你更好地利用 Jest 進行測試。請查閱 Jest 官方文檔 以獲取更多詳細信息和示例。