次の方法で共有


方法: 操作の記録からコード化された UI テストを生成する

コード化された UI テストを作成するための効率的な方法は、既存の操作の記録を使用することです。 操作の記録の作成方法の詳細については、「手動テストの記録と再生」を参照してください。

操作の記録からのコード化された UI テストの生成

操作の記録からコード化された UI テストを生成するには

  1. ソリューション エクスプローラーで、テスト プロジェクトを右クリックし、[追加] をポイントし、[コード化された UI テスト] をクリックします。

    または

    テスト リスト エディターまたは [テスト ビュー] ウィンドウで、ウィンドウ内の任意の場所を右クリックし、[新しいテスト] をクリックします。 [新しいテストの追加] ダイアログ ボックスで、[コード化された UI テスト] をクリックし、[OK] をクリックします。

    または

    [テスト] メニューの [新しいテスト] をクリックします。 [新しいテストの追加] ダイアログ ボックスで、[コード化された UI テスト] をクリックし、[OK] をクリックします。

    [コード化された UI テスト] ダイアログ ボックスが表示されます。

  2. [既存の操作の記録を使用] をクリックします。

    [チーム プロジェクトへ接続] ダイアログ ボックスが表示されます。

  3. 操作の記録が添付されている作業項目を検索します。

    1. [プロジェクト] ボックスでプロジェクトを選択し、[接続] をクリックします。

    2. 操作の記録が添付されている作業項目を検索する方法を、保存されたクエリを実行する方法、ID でクエリを実行する方法、または作業項目のタイトルで検索する方法から選択します。

    3. [検索] をクリックしてクエリを実行します。

  4. コード化された UI テストの作成に使用する操作の記録を持つ作業項目を選択し、[OK] をクリックします。

    これで、UI コントロールが UI マップに追加され、操作がコード化された UI テストに追加されます。 操作の記録用のメソッドが、テスト ケースの各ステップに作成されます。

  5. UI コントロールのアサーションを生成するには、コード化された UI テストのソース ファイルで右クリックし、[コードの生成] をポイントし、[コード化された UI テスト ビルダーの使用] をポイントします。

    [コード化された UI テスト ビルダー] ダイアログ ボックスが表示されます。

  6. テスト対象のアプリケーションを起動し、追加する UI コントロールに移動します。

  7. コード化された UI テスト ビルダーの十字アイコンをクリックし、正しいかどうかを確認するコントロールに十字アイコンをドラッグします。

    [コード化された UI テスト ビルダー - アサーションの追加] ダイアログ ボックスが表示されます。

  8. 縦棒をクリックし、UI マップを表示します。

    確認する UI コントロールが強調表示されます。

  9. 確認する UI コントロールのプロパティを右クリックし、[アサーションの追加] をポイントします。

    [アサーションの追加] ダイアログ ボックスが表示されます。

  10. アサーションの [比較子] をクリックします。

  11. [比較対象値] にアサーションの値を入力します。

  12. アサーションを追加するために、[OK] をクリックします。

  13. テスト用のアサーションをすべて追加したら、[コード化された UI テスト ビルダー - アサーションの追加] ダイアログ ボックスを閉じます。

  14. アサーション用のコードを生成するには、[コードの生成] アイコンをクリックします。

    [コード化された UI テスト ビルダー - コードの生成] ダイアログ ボックスが表示されます。

  15. [メソッド名] にコード化された UI テスト メソッド名を入力し、[追加と生成] をクリックします。

    入力した名前がたとえば AssertForAddTwoNumbers の場合、次のようにコードが生成されます。

    • AssertForAddTwoNumbers という名前のメソッドを UIMap.Designer.cs ファイルに追加します。 このメソッドは、追加した Assert ステートメントを実行します。

      public void AssertForAddTwoNumbers()
      {
          #region Variable Declarations
          WinEdit textAnswerEdit = 
              this.DemoCalculatorWindowWindow.AnswerWindow.TextAnswerEdit;
          #endregion
      
          // Verify that 'textAnswer' text box's Text property = '40'
          Assert.AreEqual(
              this.AssertForAddTwoNumbersExpectedValues.TextAnswerEditText, 
              textAnswerEdit.Text);
      }
      
  • コード化された UI テスト ファイルのテスト メソッドに、AssertForAddTwoNumbers という Assert メソッドの呼び出しを追加します。

    [TestMethod]
    public void CodedUITestMethod1()
    {
        // To generate code for this test, select "Generate Code" 
        // from the shortcut menu and select one of the menu items.
        this.UIMap.AddTwoNumbers();
        this.UIMap.AssertForAddTwoNumbers();
    }
    

Assert ステートメントを持つメソッドの名前を選択する場合は、作成したアサーションを説明するような名前を選択します。

  1. [閉じる] アイコンをクリックして、コード化された UI テスト ビルダーを閉じます。

  2. (省略可能) コード化された UI テストの実行時にアプリケーションを起動するコードを追加するには、アプリケーションの起動処理を記録し、それをメソッドに保存します。 テストの開始時にこのメソッドを呼び出すことができます。

    注意

    [TestInitialize] 属性で識別されるテスト初期化メソッドを追加できます。このメソッドは、各テスト メソッドの開始時にコードを実行します。 たとえば、アプリケーションを起動するメソッドは、TestInitialize メソッドから呼び出すことができます。

  3. (省略可能) コード化された UI テストの実行時にアプリケーションを終了するコードを追加するには、アプリケーションの終了処理を記録し、それをメソッドに保存します。

    ブラウザーまたはアプリケーションを終了しない場合、テストの完了後も開かれたままになります。

    注意

    [TestCleanup] 属性で識別されるテスト クリーンアップ メソッドを追加できます。このメソッドは、各テスト メソッドの終了時にコードを実行します。 たとえば、アプリケーションを終了するメソッドは、TestCleanup メソッドから呼び出すことができます。

  4. テストを実行するには、テスト メソッド内を右クリックし、[テストの実行] をクリックします。 コード化された UI テストの実行方法の詳細については、「自動テストの実行」を参照してください。

    注意

    特定のデータを使用してコード化された UI テストを作成した後、異なるデータのセットを使用してコード化された UI テストを複数回実行して、さまざまな条件をテストできます。 これを行うには、データ ソースからコード化された UI テストにパラメーターを追加して、データ ドリブンのコード化された UI テストを作成します。 詳細については、「方法: データ ドリブンのコード化された UI テストを作成する」を参照してください。

操作の記録の詳細については、「方法: 操作の記録を作成する」を参照してください。

参照

処理手順

方法: テスト中のアプリケーションの記録によるコード化された UI テストの生成

方法: コード化された UI テスト ビルダーを使用して UI コントロールと検証コードを追加する

方法: コード化された UI テストを作成する

参照

UIMap

Assert

概念

自動 UI テストを使用したユーザー インターフェイスのテスト

コード化された UI テストと操作の記録でサポートされている構成とプラットフォーム

その他の技術情報

方法: データ ドリブンのコード化された UI テストを作成する