- Angularプロジェクトの作成: まず、ターミナルを開き、AngularのCLI（Command Line Interface）を使用して新しいAngularプロジェクトを作成します。次のコマンドを実行します。
ng new test-appこれにより、"test-app"という名前の新しいAngularプロジェクトが作成されます。
- テストコンポーネントの作成: 次に、テスト用のAngularコンポーネントを作成します。以下のコマンドを使用します。
ng generate component test-componentこれにより、"test-component"という名前の新しいAngularコンポーネントが作成されます。
- テストコードの記述: 作成したテストコンポーネントに対して、テストコードを記述します。テストコードは、コンポーネントの機能や振る舞いをテストするためのものです。以下は、テストコードの例です。
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { TestComponent } from './test-component.component';
describe('TestComponent', () => {
let component: TestComponent;
let fixture: ComponentFixture<TestComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ TestComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(TestComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create the component', () => {
expect(component).toBeTruthy();
});
it('should display the correct title', () => {
const titleElement = fixture.nativeElement.querySelector('h1');
expect(titleElement.textContent).toContain('Test Component');
});
});- テストの実行: テストを実行するには、ターミナルで以下のコマンドを実行します。
ng testこれにより、Angularのテストランナーが起動し、テストコードが実行されます。テスト結果はターミナル上に表示されます。
以上が、Angularを使用してターミナル上でテストアプリケーションを作成する手順です。これにより、アプリケーションの機能や動作を効果的にテストすることができます。お役に立てれば幸いです。