角度検査：開発者の紹介

このガイドでは、Angular 5プロジェクトでの自動テストを調査し、ユニットとエンドツーエンドのテストをカバーしています。 Angularの組み込みテスト機能は、Angular CLIまたはクイックスタートプロジェクトを介してアクセス可能です。

このガイドは、基礎的な理解を提供します。 包括的な治療には、はるかに長いリソースが必要です。

重要な概念：

角度テストの基礎：
• Angular 5プロジェクトには、Angular CLIまたはクイックスタートを使用した自動テスト機能が含まれています。 テストテクノロジー：
• （テストモジュールの構成）、ジャスミン（テストの書き込み）、カルマ（ブラウザテスト実行）、および分度器（エンドツーエンドテスト）が重要なテクノロジーです。 > 単位テストコンポーネント：TestBedコンポーネントは、テンプレートと依存関係の相互作用を評価するために、単独または角環境内でテストされます。
および非同期ユーティリティはこれを容易にします。
• 依存関係を備えたテスト：TestBed他のコンポーネント、サービス、またはモジュールに依存しているコンポーネントの場合、
• のようなモックサービスまたは分離のようなスキーマが必要です。 エンドツーエンドテスト：TestBedプロトラクターは、実際のブラウザでユーザーアクションをシミュレートし、アプリケーション機能を確認します。 NO_ERRORS_SCHEMA
コードカバレッジ：カルマのようなツール
• テストカバレッジの範囲を示すレポートを生成します。 補足ツール：
• （コードリント）とビジュアルスタジオコード（インテリジェントコード編集）コードの品質と一貫性が向上します。 coverageIstanbulReporter前提条件：
角度4の基本と自動テストの概念に精通していることを強く把握することが想定されています。 このガイドでは、Angular 5.2を使用しています。 サンプルコードが利用可能です（GitHubリポジトリへのリンクはこちらに移動します）。
• ng lint
テストテクノロジー：

• 角度テストユーティリティ：テスト環境を構築するためのクラスと関数（主にテストモジュールの構成のためのTestBed）。 例：

TestBed.configureTestingModule({
  imports: [ RouterTestingModule ],
  declarations: [ DashboardComponent ],
  schemas: [ NO_ERRORS_SCHEMA ],
  providers: [
    {
      provide: HeroService,
      useClass: MockHeroService
    }
  ],
})
.compileComponents();

• Jasmine：動作駆動型表記を使用したテストフレームワーク。 例：

describe('createCustomer', () => {
  it('should create new customer', (customer) => {
    // ...assertions...
  });
  // ...more tests...
});

• karma：ブラウザ環境でテストを実行し、コマンドラインとブラウザに結果を表示します。 構成はです。 構成スニペットの例： karma.conf.js

module.exports = function (config) {
  config.set({
    // ...configuration details...
    browsers: ['Chrome'],
    // ...more configuration...
  });
};

プロトラクター：
• 実際のブラウザでのユーザーインタラクションをシミュレートするAngularのエンドツーエンドのテストフレームワーク。 構成は。です protractor.conf.js

単位テスト：

実行

テストを実行します。 このガイドは、モッキングや

などの手法を使用して、依存関係（他のコンポーネント、モジュール、サービス）を含むコンポーネントのテストなどの一般的な問題に対処する方法を詳しく説明します。 この例は、ng testおよびNO_ERRORS_SCHEMAを利用するコンポーネントをテストする方法を示しています。 サービスを使用するコンポーネントのテストに対処し、単体テストを分離するための模擬サービスの作成を実証します。 FormsModuleRouterTestingModuleサービステスト：このガイドは、リクエストと応答を制御し、さまざまなテストシナリオを作成するために

と対話するサービスのテストの例を提供します。

エンドツーエンドのテスト：ガイドは、プロトラクターとのエンドツーエンドテストを導入し、ヘルパー関数（例えば、HttpClientModule）を作成してE2Eテストを作成する方法を示しています（例えば、 HttpTestingController）。 例では、テストナビゲーションと表示されたテキストの検証を示しています

app.po.tsコードカバレッジ：app.e2e-spec.tsガイドでは、

。

追加のユーティリティ：ガイドでは、インテリジェントコード編集機能（IntelliSense、エラーハイライト、角度拡張）にコードリントとビジュアルスタジオコードにを使用することをお勧めします。 継続的な統合（CI）の利点も言及されています ng test --watch=false --code-coverage karma.conf.js

テストを書く時期：ガイドは、テストを書くのが適切であること（プロトタイプ後、十分な資金調達を伴う）とテスト駆動型開発の利点（TDD）を議論することで終了します。 生産対応のアプリケーションのテストの重要性を強調しています。 FAQセクションでは、角度検査に関する一般的な質問に対処します

以上が角度検査：開発者の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。