『自由力』を身に付けるサイト「リバトレ」も見てね!!

AngularでJasmineを使ってユニットテストをやってみた!

悩んでいる男の子

AngularでJasmine(ジャスミン)を使ってみたいんだけど、使い方が分からないから教えてもらえないかな?
具体的なソースコードもあると嬉しいな。

こんな悩みを解決します。

  • 本記事の内容
  • Jasmineとは
  • Jasmineの使い方
  • Jasmineの具体的なソースコード
  • 本記事の執筆者
プロフィール
どこの写真だよ
  • 長身ガリガリ自称イケメン(1993/4/1生)
  • 元エンジニア(歴7年)、資格保有数約20個(IT系以外も含む)
  • 副業(物販)5か月目で月利30万円⇒脱サラ
  • 物販、システム開発、アフィリエイト、投資を細々とやっています。
  • 物販は彼女と楽しみながらやってます!

今回は、AngularでJasmineを使ってユニットテストをやってみます

目次

Jasmineを使うにあたって

実験用のアプリが必要なので、Angularアプリを用意してください。

いずみん

実験用のアプリがあれば何でもOKです!

AngularでのJasmineの使い方

Angularでは、デフォルトでJasmineが組み込まれているので実行も簡単です。

ng test

上記のコマンドでJasmineを実行できます。

Jasmineで実行されるテストファイル

テスト対象となるファイルは「…spec.ts」というファイルです。

specファイルは「ng g c」コマンドでコンポーネントを作成すると自動的にされます。

specファイルに記載されているテストがJasmineによってすべて実行されます。

実際にJasmineを使ってみた

僕の作ったアプリは説明の都合上、「app.component.spec.ts」のみにしています。

import { TestBed, async } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { AppComponent } from './app.component';

describe('AppComponent', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        RouterTestingModule
      ],
      declarations: [
        AppComponent
      ],
    }).compileComponents();
  }));

  it('should create the app', () => {
    const fixture = TestBed.createComponent(AppComponent);
    const app = fixture.debugElement.componentInstance;
    expect(app).toBeTruthy();
  });

});

デフォルトから不要なテストケースを削除した状態です。

コンポーネントがちゃんと作成されているか?」のテストだけが記載されています。

ng test

Jasmineを実行します。

Jasmine

実行すると、デバック用のブラウザが立ち上がり、テスト結果が表示されます。

今回は「1 specs, 0 failures」とあるので、「テストケースが1件、成功1件、失敗0件」となります。

まとめ

今回は、AngularでJasmineを使ってユニットテストをやってみました

JasmineはAngularにデフォルトで組み込まれているので簡単に理解できますが、テストコードを書くのは難しいですね。。

ではまた!

まとめ
  • JasmineはAngularにデフォルトで組み込まれている。
  • Jasmineのテスト対象ファイルは「…spec.ts」で、コマンド「ng test」で実行できる。
  • おススメ本はこちら!
いずみん

僕は↓の本でAngularの勉強をしました!
非常に分かりやすいので是非!

Jasmine

この記事が気に入ったら
フォローしてね!

シェアするんやで!

~ リバトレ ~

お金や副業に関する情報を発信しているよ!

この記事を書いた人

いずみんのアバター いずみん 自由力発信おじ

【自由力発信】うさんくさ笑 | 副業物販で5ヶ月目に月利30万円達成⇨脱サラ予定 | 物販(アパレルせどり)・アフィリエイト・投資で自由になるための情報を発信中?笑 | 元エンジニア | 保有資格約20個

関連記事

コメント

コメントする

目次
閉じる