AngularでJasminテストを実行する方法


  1. Jasminのセットアップ: Jasminを使用するには、まずAngularプロジェクトにJasminをセットアップする必要があります。以下のコマンドを使用して、Jasminをインストールします。

    npm install --save-dev jasmine
  2. テストファイルの作成: Jasminテストを作成するためには、.spec.tsという拡張子のファイルを作成する必要があります。例えば、example.component.spec.tsという名前のファイルを作成します。

  3. テストケースの作成: テストファイル内で、describe関数を使用してテストスイートを作成し、it関数を使用してテストケースを記述します。以下は、例としてExampleComponentという名前のAngularコンポーネントのテストケースの一部です。

    import { ComponentFixture, TestBed } from '@angular/core/testing';
    import { ExampleComponent } from './example.component';
    describe('ExampleComponent', () => {
     let component: ExampleComponent;
     let fixture: ComponentFixture<ExampleComponent>;
     beforeEach(async () => {
       await TestBed.configureTestingModule({
         declarations: [ExampleComponent]
       }).compileComponents();
     });
     beforeEach(() => {
       fixture = TestBed.createComponent(ExampleComponent);
       component = fixture.componentInstance;
       fixture.detectChanges();
     });
     it('should create the component', () => {
       expect(component).toBeTruthy();
     });
     // 他のテストケースをここに追加
    });
  4. テストの実行: テストを実行するには、以下のコマンドを使用します。

    ng test

    これにより、Angularのビルトインのテストランナーが起動し、Jasminテストが実行されます。テスト結果はコンソールに表示されます。

これで、AngularでJasminテストを実行する方法についての基本的な理解が得られたはずです。必要に応じてテストケースを追加し、アプリケーションのコンポーネントやサービスをテストすることができます。