Jest單元測試實戰技巧分享

Jest 是一個流行的 JavaScript 測試框架，可以用于測試各種 JavaScript 項目，包括 React、Vue 和 Node.js 應用程序。以下是一些 Jest 單元測試的實戰技巧：

1. 安裝 Jest： 使用 npm 或 yarn 安裝 Jest：

   npm install --save-dev jest
   

   或

   yarn add --dev jest
   

2. 配置 Jest： 在項目根目錄下創建一個名為 jest.config.js 的文件，然后添加以下內容：

   module.exports = {
     // 配置項
   };
   

3. 編寫測試用例： 在項目中創建一個名為 __tests__ 的文件夾，然后在其中創建一個名為 example.test.js 的文件。在該文件中編寫測試用例：

   const example = require('../example');
   
   test('example function should return "Hello, World!"', () => {
     expect(example()).toBe('Hello, World!');
   });
   

4. 使用 describe 和 it 組織測試用例：

   const example = require('../example');
   
   describe('example function', () => {
     it('should return "Hello, World!"', () => {
       expect(example()).toBe('Hello, World!');
     });
   });
   

5. 使用 beforeEach 和 afterEach 進行設置和清理：

   let example;
   
   beforeEach(() => {
     example = require('../example');
   });
   
   afterEach(() => {
     example = null;
   });
   
   // 編寫測試用例
   

6. 使用 mock 函數模擬依賴項：

   const example = require('../example');
   const dependency = require('../dependency');
   
   jest.mock('../dependency');
   
   test('example function should call the dependency function', () => {
     example();
     expect(dependency).toHaveBeenCalled();
   });
   

7. 使用 toThrow 斷言拋出錯誤：

   const example = require('../example');
   
   test('example function should throw an error if the input is invalid', () => {
     expect(() => example('invalid input')).toThrow('Invalid input');
   });
   

8. 使用 toBeCalledWith 斷言函數調用參數：

   const example = require('../example');
   const dependency = require('../dependency');
   
   jest.mock('../dependency');
   
   test('example function should call the dependency function with the correct arguments', () => {
     example('arg1', 'arg2');
     expect(dependency).toBeCalledWith('arg1', 'arg2');
   });
   

9. 使用 toMatchSnapshot 進行快照測試：

   const example = require('../example');
   
   test('example function should return the expected output', () => {
     expect(example()).toMatchSnapshot();
   });
   

10. 運行測試： 在 package.json 文件中添加一個名為 test 的腳本：

    "scripts": {
      "test": "jest"
    }
    

    然后在命令行中運行 npm test 或 yarn test。

這些技巧將幫助您更有效地使用 Jest 進行單元測試。請注意，這里只是簡要介紹了 Jest 的一些功能，您可以查閱官方文檔以獲取更多詳細信息：https://jestjs.io/docs/getting-started