Jest如何測試Angular服務

要使用Jest測試Angular服務，請按照以下步驟操作：

1. 安裝必要的依賴項：

   在你的Angular項目中，確保已經安裝了jest和@types/jest。如果沒有，請運行以下命令進行安裝：

   npm install --save-dev jest @types/jest
   

2. 配置Jest：

   在項目根目錄下創建一個名為jest.config.js的文件，并添加以下內容：

   module.exports = {
     preset: 'jest-preset-angular',
     roots: ['<rootDir>/src'],
     testMatch: ['**/+(*.)+(spec).+(ts)'],
     transform: {
       '^.+\\.(ts|html)$': 'ts-jest',
     },
     resolver: '@nrwl/jest/plugins/resolver',
     moduleFileExtensions: ['ts', 'js', 'html'],
     coverageReporters: ['html'],
   };
   

3. 更新tsconfig.spec.json：

   在compilerOptions部分添加"types": ["jest"]，如下所示：

   {
     "compilerOptions": {
       "types": ["jest"],
       // ...其他選項
     },
     // ...其他設置
   }
   

4. 創建一個服務測試文件：

   假設你有一個名為my-service.service.ts的服務，你需要創建一個名為my-service.service.spec.ts的測試文件。在這個文件中，你將編寫針對該服務的測試用例。

5. 編寫測試用例：

   在my-service.service.spec.ts文件中，首先導入所需的模塊和服務，然后使用describe和it函數編寫測試用例。例如：

   import { TestBed } from '@angular/core/testing';
   import { MyService } from './my-service.service';
   
   describe('MyService', () => {
     let service: MyService;
   
     beforeEach(() => {
       TestBed.configureTestingModule({});
       service = TestBed.inject(MyService);
     });
   
     it('should be created', () => {
       expect(service).toBeTruthy();
     });
   
     it('should return the correct value', () => {
       const input = 2;
       const expectedOutput = 4;
       const result = service.multiplyByTwo(input);
       expect(result).toEqual(expectedOutput);
     });
   });
   

6. 運行測試：

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

   npx jest
   

   如果你想在每次更改代碼時自動運行測試，可以使用以下命令：

   npx jest --watch
   

通過以上步驟，你應該能夠使用Jest成功地測試你的Angular服務。