コード化された UI テスト エディターを使用したコード化された UI テストの編集

  • [アーティクル]

Coded UI Test Editor (コード化された UI テスト エディター) を使用すると、コード化された UI テストを簡単に変更できます。Coded UI Test Editor を使用して、テスト メソッド、UI 操作のプロパティを検索、表示、および編集できます。また、対応するコントロールを表示および編集するための UI コントロール マップを使用できます。

要件

  • Visual Studio Ultimate, Visual Studio Premium

この操作を行う理由

Coded UI Test Editor を使用してでコード化された UI テスト メソッドのコードをコード エディターを使用して編集するよりも効率的です。Coded UI Test Editor を使用すると、すぐに UI 操作とコントロールを使用して関連付けられているプロパティ値を検出して修正するためにツール バーとショートカット メニューを使用できます。たとえば、次のコマンドを実行するために、コード化された UI Test Editor のツール バーを使用する:

UI テスト エディター

  1. 検索 ヘルプ UI 操作とコントロールを配置します。

  2. [削除] を使用して、不要な UI 操作を削除します。

  3. [名前の変更] を使用して、テスト メソッドおよびコントロールの名前を変更します。

  4. プロパティ は 選択された項目のプロパティ ウィンドウを開きます。

  5. [Split into a new method] (新しいメソッドに分割) を使用して、UI 操作をモジュール化します。

  6. [Move Code] (コードの移動) を使用して、テスト メソッドにカスタム コードを追加します。

  7. 前に遅延を挿入 は ミリ秒単位で指定された UI 操作の前に一時停止を追加します。

  8. [Locate the UI Control] (UI コントロールの検索) を使用してテスト対象のアプリケーションの UI におけるコントロールの位置を特定します。

  9. すべてを検索 ヘルプ アプリケーションのコントロールに対するコントロール プロパティと重要な変更を検証します。

操作方法

Visual Studio 2012でコード化された UI テスト プロジェクトのコード化された UI テストと結合した UIMap.uitest ファイルを開くと、自動的に Coded UI Test Editor (コード化された UI テストが表示されます。次の操作を行うために、テスト メソッドを検索し、編集する UI 操作とコントロールのプロパティについて説明します。エディター ツール バー、ショートカット メニューを使用します。

コード化された UI テストを開く

Coded UI Test Editor を使用して Visual C# および Visual Basic ベースのコード化された UI テストを表示および編集できます。

コード化された UI テスト ビルダーを使用したコンテキスト メニューの編集

ソリューション エクスプローラーで、[UIMap.uitest] のショートカット メニューを開き、[開く] をクリックします。コード化された UI テスト エディターに、コード化された UI テストが表示されます。これで、コード化された UI テストの記録されたメソッド、操作、および対応するコントロールを表示および編集できるようになります。

ヒントヒント

[UI Actions] (UI 操作) ペインでメソッド内にある UI 操作を選択すると、対応するコントロールが強調表示されます。UI 操作またはコントロール プロパティも変更できます。
  • I don't see Coded UI Test Editor。
    2012 年以前に Visual Studio Ultimate または Visual Studio Premium のバージョンを使用する場合があります。Coded UI Test Editor は MSDN サブスクリプションと Visual Studio 2010 の Feature Pack 2 でも使用できます。詳細については、次のトピックを参照してください。 Microsoft Visual Studio 2010 の Feature Pack 2。

UI 操作プロパティとそれに対応するコントロールのプロパティを変更する

Coded UI Test Editor を使用して、テスト メソッドですべての UI 操作をすばやく検索および表示できます。エディターで UI 操作を選択すると、対応するコントロールが自動的に強調表示されます。同様に、コントロールを選択すると、関連付けられた UI 操作が強調表示されます。UI 操作またはコントロールを選択すると、簡単な使用方法、および対応するプロパティをプロパティ ウィンドウで変更できます。

UI 操作プロパティを編集します。

UI アクションのプロパティ

UI 操作のプロパティを、[UI 操作] のペインで変更する場合は、プロパティを編集する UI 操作を UI 操作を選択し、プロパティ ウィンドウを使用して変更するプロパティが含まれるテスト メソッドを展開します。

たとえば、サーバーが使用できず、Web ブラウザーに "Web ページ "http://Contoso1/default.aspx" に移動" というメッセージを示す UI 操作が関連付けられている場合は、URL を "http://Contoso2/default.aspx" に変更できます。

エディット コントロールのプロパティ

コントロールのプロパティ

コントロールのプロパティを変更すると、UI 操作と同様になります。[UI コントロール マップ] のペインで、編集するを選択し、プロパティ ウィンドウを使用してプロパティを変更して、コントロールを示します。

たとえば、開発者がテスト対象のアプリケーションのソース コードでボタン コントロールの (ID) プロパティを "idSubmit" から "idLogin" へ変更している可能性があるとします。アプリケーションで (ID) プロパティを変更すると、コード化された UI テストでボタン コントロールを見つけることができずに失敗します。この場合、テスト担当者は、[検索プロパティ] コレクションを開き、開発者がアプリケーションで使用した値に合わせて Id プロパティを変更します。テスト担当者は、「ログインに [フレンドリ名] プロパティ値を変更してから「Submit」 Coded UI Test Editor でこの変更を、関連付けられた UI 操作を行うことによって、更新されます「から選択して「submit」Button」を「クリック「」ログイン ボタンをクリック」

変更が完了したら、Visual Studio ツール バーで [保存] をクリックしますで UIMap.Designer ファイルへの変更を保存します。

  • What else should I know?
    ヒント

    • ヒント プロパティ ウィンドウが表示されていない場合、[入力] キーを保持している場合は、代わりに [F4] を押して間、Alt キーを押し、[Alt] を。

    • ヒント 変更を行うか押してプロパティの変更を元に戻すには、[編集] メニューから [元に戻す] を選択しますか、Ctrl キーを。

    • ヒントコード化された UI テスト エディター ツール バーの Visual Studio の Find and replace ツールを開くために [検索] ボタンを使用できます。その後、コード化された UI テスト エディターで UI 操作を検索の検索のコントロールを使用できます。たとえば、"[ログイン] ボタンをクリック" の検索を行うことができます。これは、大規模なテストを行う場合に便利です。Coded UI Test Editor の Find and replace ツールで置換機構を使用できないことに注意してください。詳細については、テキストの検索と置換の検索コントロールを参照します。

    • ヒントテスト対象のアプリケーションの UI におけるコントロールの位置を表示するのが難しい場合があります。コード化された UI テスト エディターには、UI コントロール マップにリストされているコントロールを選択し、テスト対象のアプリケーションにおけるコントロールの位置を表示できる機能があります。このトピックでは、次詳細については、次のトピックを参照してください。テスト対象のアプリケーションの UI コントロールを見つけること。

    • ヒント編集するコントロールが含まれるコンテナー コントロールを拡張する必要がある場合があります。このトピックでは、次詳細については、次のトピックを参照してください。コントロールとその子孫を検索する。

不要な UI 操作を削除する

簡単にコード化された UI テストの不要な UI 操作を削除できます。

UI アクションの削除

[UI Action] (UI 操作) ペインで、削除する UI 操作が含まれるテスト メソッドを展開します。UI 操作のショートカット メニューを開き、[削除] をクリックします。

テスト メソッドを 2 つの異なるメソッドに分割する

UI 操作を調整またはモジュール化するテスト メソッドを分割できます。たとえば、テストは 2 個のコンテナー コントロールの UI 操作を含む単一のテスト メソッドが存在する場合があります。UI 操作は 1 個のコンテナーによって対応する 2 種類のメソッドでモジュール化した方があります。

テスト メソッドの分割2 つのテスト メソッド

[UI 操作] のペインで、2 種類の異なるメソッドに分割し、新しいテスト メソッドを開始する UI 操作を選択するテスト メソッドを展開します。UI 操作のショートカット メニューを開き、[新しいメソッドに分割] をクリックしますまたは UI Test Editor (コード化された [新しいメソッドに分割] ツール バーのボタンをクリックします。新しいテスト メソッドが [UI Actions] (UI 操作) ペインに表示されます。これは分割を指定したアクションから始まる UI 操作が含まれます。

メソッドを分割し終えると Visual Studio ツール バーで [保存] をクリックしますで UIMap.Designer ファイルへの変更を保存します。

  • What else should I know?
    重要な問題

    • 警告アイコン メソッドを分割すると、警告: も含まれている UI 操作が必要な場合は、作成しようとしている新しいメソッドを呼び出すように既存のメソッドを呼び出すコードを変更する必要があります。メソッドを分割すると、Microsoft Visual Studio ダイアログ ボックスが表示されます。既存のメソッドを呼び出すコードを変更して、作成しようとしている新しいメソッドも呼び出すコードにする必要があることを示す警告が表示されます。[はい] をクリックします。

    ヒント

    • ヒント 分割を元に戻すには、[編集] メニューから [元に戻す] をクリックしますか、Ctrl キーを押しながら.

    • ヒント新しいメソッドの名前を変更できます。UI Action (UI 操作) ペインでオブジェクトを選択し、UI Test Editor (コード化された [名前の変更] ツール バーのボタンをクリックします。

      または

      新しいテスト メソッドのショートカット メニューを開き、[名前の変更] をクリックします。

      Microsoft Visual Studio のダイアログ ボックスが表示されます。メソッドを参照しているコードを変更する必要があることを示す警告が表示されます。[はい] をクリックします。

カスタマイズを容易にするためにテスト メソッドを UIMap ファイルへ移動する

コード化された UI テストのテスト メソッドにカスタム コードが必要であることが判明した場合、UIMap.cs または UIMap.vb ファイルに移動する必要があります。それ以外の場合、コードは、コード化された UI テストが再コンパイルされるたびに上書きされます。メソッドを移動しない場合、テストを再コンパイルするたびにカスタム コードが上書きされます。

[UI 操作] のペインで、テスト コードを再コンパイルすると上書きされないカスタム コード機能を促進する UIMap.cs または UIMap.vb ファイルに移動するテスト メソッドを選択します。次に、UI Test Editor (コード化された [コードの移動] ツール バーのボタンを選択するか、またはテスト メソッドのショートカット メニューを開き、[コードの移動] をクリックします。テスト メソッドが UIMap.uitest ファイルから削除され、[UI Actions] (UI 操作) ペインに表示されなくなります。移動したテストします。ファイルを編集するには、ソリューション エクスプローラーから UIMap.cs または UIMap.vb ファイルを開きます。

メソッドを移動した後 Visual Studio ツール バーで [保存] をクリックしますで UIMap.Designer ファイルへの変更を保存します。

  • What else should I know?
    重要な問題

    • 警告アイコン メソッドを移動する場合は、警告: Coded UI Test Editor を使用してそのメソッドを編集できなくなります。カスタム コードを追加し、コード エディターを使って管理する必要があります。メソッドを移動すると、Microsoft Visual Studio ダイアログ ボックスが表示されます。警告で、メソッドが UIMap.uitest ファイルから UIMap.cs または UIMap.vb ファイルへ移動すること、およびコード化された UI テスト エディターを使用してメソッドを編集できなくなることが表示されます。[はい] をクリックします。

    ヒント

    • ヒント移動を元に戻すには、[編集] メニューから [元に戻す] を選択しますか、Ctrl キーを押しながら.ただし、UIMap.cs ファイルまたは UIMap.vb ファイルからコードを手動で削除する必要があります。

テスト対象のアプリケーションで UI コントロールを検索する

テスト対象のアプリケーションの UI におけるコントロールの位置を表示するのが難しい場合があります。コード化された UI テスト エディターには、UI コントロール マップにリストされているコントロールを選択し、テスト対象のアプリケーションにおけるコントロールの位置を表示できる機能があります。テスト対象のアプリケーションで [Locate the UI Control] (UI コントロールの検索) 機能を使用して、コントロールに対して行った検索プロパティの変更を確認することもできます。

UI コントロールの検索テスト中のアプリケーションで検索されたコントロール

[UI コントロール マップ] ペインで、テストに関連付けられたアプリケーションで検索するコントロールを選択します。次に、コントロールのショートカット メニューを開き、[UI コントロールの検索] をクリックします。テストされているアプリケーションで、該当するコントロールが青い境界線付きで示されます。

  • What else should I know?
    重要な問題

    • 警告アイコン UI コントロールを見つける前に警告: は、テストと関連付けられたアプリケーションが実行されていることを確認します。

    ヒント

    • ヒントまたは、[Locate All] (すべて検索) オプションを使用して、コンテナーにあるすべてのコントロールが正しく配置できるか確認できます。このオプションは、次のセクションで説明します。

コントロールとその子孫を検索する

コンテナーに含まれるすべてのコントロールがテスト対象のアプリケーションの UI に正しく配置できるか確認できます。これは、コンテナーに対して行った検索プロパティの変更を確認するときに便利です。また、テスト対象のアプリケーションの UI を大幅に変更した場合に、既存のコントロール検索プロパティが正しいか確認できます。

すべての下位コントロールを検索検出されたすべてのコントロール

[UI コントロール マップ] ペインで、すべての子孫を検索して表示するためのコンテナー コントロールを選択します。次に、コントロールのショートカット メニューを開き、[すべてを検索] をクリックします。コンテナー コントロールとその子孫のコントロールはすべて、緑色のチェック マークまたは赤の「X " for Coded UI Test Editor で、マークされます。これらのマークを見れば、テスト対象のアプリケーションでコントロールが正しく配置されているか確認できます。

  • What else should I know?
    重要な問題

    • 警告アイコン UI コントロールを見つける前の警告: は、テストと関連付けられたアプリケーションが実行されていることを確認します。

UI 操作の前に遅延を挿入する

ウィンドウの表示やプログレス バーの非表示などの特定のイベントが発生するまでテストを待機させる必要がある場合があります。コード化された UI テスト エディターを使用して、UI 操作の前に遅延を挿入することで、この処理を実行できます。遅延する秒数を指定できます。

UI アクションの前への遅延の挿入5 秒間の遅延の追加

[UI Action] (UI 操作) ペインで、事前に遅延を挿入する UI 操作が含まれるテスト メソッドを展開します。UI 操作を選択します。次に、UI 操作のショートカット メニューを開き、[前に遅延を挿入] をクリックします。選択した UI 操作の前に遅延が挿入されて強調表示され、"操作間のユーザー遅延として 1 秒待機します" というテキストが示されます。[プロパティ] ウィンドウで、[遅延] プロパティの値を必要なミリ秒数に変更します。

遅延を挿入した後 Visual Studio ツール バーで [保存] をクリックしますで UIMap.Designer ファイルへの変更を保存します。

  • What else should I know?
    メモ

    ヒント

    • ヒント プロパティ ウィンドウが表示されていない場合、入力、または、Alt キーを押しながら F4 キーを長押しします。

外部リソース

ガイダンス

Testing for Continuous Delivery with Visual Studio 2012 – Chapter 2: Unit Testing: Testing the Inside (Visual Studio 2012 を使用した絶え間のない配信のためのテスト – 第 2 章: 単体テスト: 内部のテスト)

FAQ

Coded UI Tests FAQ - 1 (コード化された UI テストの FAQ - 1)

Coded UI Tests FAQ -2 (コード化された UI テストの FAQ -2)

フォーラム

Visual Studio の UI オートメーションのテスト (CodedUI 含む)

参照

処理手順

チュートリアル: コード化された UI テストの作成、編集、および保守

概念

UI オートメーションを使用したコードの検証

その他の技術情報

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

データ ドリブンのコード化された UI テストの作成

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