Jest框架安裝配置詳解

Jest 是一個流行的 JavaScript 測試框架，它可以幫助你輕松地編寫和管理 JavaScript 測試。以下是關于如何安裝和配置 Jest 的詳細說明：

1. 安裝 Jest：

   在項目根目錄下，使用 npm 或 yarn 安裝 Jest：

   npm install --save-dev jest
   

   或者

   yarn add --dev jest
   

2. 配置 Jest：

   在項目根目錄下創建一個名為 jest.config.js 的文件，這是 Jest 的主要配置文件。你可以在這個文件中定義 Jest 的各種選項和設置。以下是一個基本的 jest.config.js 配置示例：

   module.exports = {
     verbose: true,
     collectCoverage: true,
     coverageDirectory: 'coverage',
     testEnvironment: 'node',
   };
   

   這里的配置選項解釋如下：

   • verbose: 設置為 true 以顯示詳細的測試結果。
   • collectCoverage: 設置為 true 以收集測試覆蓋率信息。
   • coverageDirectory: 指定存儲覆蓋率信息的目錄。
   • testEnvironment: 指定測試環境，這里我們使用 node，但你也可以使用其他環境，如 jsdom。

3. 添加測試腳本：

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

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

4. 編寫測試：

   在項目中創建一個名為 __tests__ 的目錄（或者在任何你想要的地方創建一個目錄，然后在 jest.config.js 中配置 testMatch 選項）。在此目錄中，為你的代碼編寫測試文件。測試文件通常以 .test.js 或 .spec.js 結尾。

   例如，假設你有一個名為 sum.js 的文件，內容如下：

   function sum(a, b) {
     return a + b;
   }
   
   module.exports = sum;
   

   你可以在 __tests__ 目錄中創建一個名為 sum.test.js 的測試文件，內容如下：

   const sum = require('../sum');
   
   test('adds 1 + 2 to equal 3', () => {
     expect(sum(1, 2)).toBe(3);
   });
   

5. 運行測試：

   在命令行中，運行以下命令以執行測試：

   npm test
   

   或者

   yarn test
   

   這將運行 Jest 并顯示測試結果。

這就是安裝和配置 Jest 的基本過程。你可以根據項目需求進一步自定義 Jest 配置和測試選項。要了解更多關于 Jest 的信息，請查閱官方文檔：https://jestjs.io/docs/getting-started