Jest如何測試Angular服務(wù)

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

1. 安裝必要的依賴項(xiàng)：

   在你的Angular項(xiàng)目中，確保已經(jīng)安裝了jest和@types/jest。如果沒有，請運(yùn)行以下命令進(jìn)行安裝：

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

2. 配置Jest：

   在項(xiàng)目根目錄下創(chuàng)建一個名為jest.config.js的文件，并添加以下內(nèi)容：

   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"],
       // ...其他選項(xiàng)
     },
     // ...其他設(shè)置
   }
   

4. 創(chuàng)建一個服務(wù)測試文件：

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

5. 編寫測試用例：

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

   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. 運(yùn)行測試：

   在命令行中，運(yùn)行以下命令以執(zhí)行Jest測試：

   npx jest
   

   如果你想在每次更改代碼時(shí)自動運(yùn)行測試，可以使用以下命令：

   npx jest --watch
   

通過以上步驟，你應(yīng)該能夠使用Jest成功地測試你的Angular服務(wù)。