次の方法で共有


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

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

要件

  • Visual Studio Ultimate, Visual Studio Premium

これを行うのはなぜですか。

コード化された UI テスト エディターを使用してで、コード化された UI テスト メソッドのコードをコード エディターを使用して編集するよりも短時間。コード化された UI テスト エディターを使用すると、すぐに UI 操作、およびコントロールを使用すると関連付けられているプロパティ値を検索して、変更する場合は、ツール バー、ショートカット メニューを使用できます。たとえば、次のコマンドを実行するには、コード化された UI テスト エディターのツール バーを使用する:

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 ファイルを開くと、自動的にコード化された UI テスト エディターでコード化された UI テストを表示します。次の操作を行うと、テスト メソッドを検索し、編集する UI 操作、およびコントロールのプロパティについて説明しますエディターのツール バー、ショートカット メニューまたはを使用します。

コード化された UI テストを開きます。

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

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

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

ヒントヒント

[UI Actions] (UI 操作) ペインでメソッド内にある UI 操作を選択すると、対応するコントロールが強調表示されます。UI 操作またはコントロール プロパティも変更できます。

  • 私は表示されません コード化された UI テスト エディター。
    2012 年以前に Visual Studio Ultimate または Visual Studio Premium のバージョンを使用する場合があります。コード化された UI テスト エディターには、MSDN サブスクリプションを含む Visual Studio 2010 Feature Pack 2 でも使用できるいません。詳細については Microsoft Visual Studio 2010 Feature Pack 2

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

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

編集 UI 操作プロパティ

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

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

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

コントロールのプロパティを編集する

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

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

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

、変更を完了したら、Visual Studio のツール バーの [保存] の選択によって UIMap.Designer ファイルへの変更を保存します。

  • 他には My 内容を知る必要があるか。
    ヒント

    • ヒント [プロパティ]ウィンドウが表示、[Enter] を押しながら、Ctrl キー [Alt] は、代わりに [F4] を押します。

    • ヒント ユーザーが行ったプロパティの変更、[編集] のメニュー、または Ctrl キーを押しながら.から選択 [元に戻す] を元に戻すことができます。

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

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

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

削除の不要な UI 操作

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

UI アクションの削除

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

2 種類のメソッドにテスト メソッドを分割します。

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

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

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

Visual Studio のツール バーの [保存] の選択によって切り離したメソッドを保存する UIMap.Designer ファイルへの変更をされます。

  • 他には My 内容を知る必要があるか。
    重要な問題

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

    ヒント

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

    • ヒント新しいメソッドの名前を変更できます。UI 操作ウィンドウのプロパティを選択し、コード化された UI テスト エディター ツール バーの [名前の変更] のボタンをクリックします。

      または

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

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

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

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

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

メソッドを実行し終えると Visual Studio のツール バーの [保存] の選択によって UIMap.Designer ファイルへの変更を保存します。

  • 他には My 内容を知る必要があるか。
    重要な問題

    • 警告アイコンメソッドを移動警告:、コード化された UI テスト エディターを使用してそのメソッドを編集できません。カスタム コードを追加し、コード エディターを使って管理する必要があります。メソッドを実行すると、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 コントロールの検索] を選択します。テストされているアプリケーションで、該当するコントロールが青い境界線付きで示されます。

  • 他には My 内容を知る必要があるか。
    重要な問題

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

    ヒント

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

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

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

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

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

  • 他には My 内容を知る必要があるか。
    重要な問題

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

UI 操作の前に遅延を挿入します。

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

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

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

遅延を挿入した後 Visual Studio のツール バーの [保存] の選択によって UIMap.Designer ファイルへの変更を保存します。

  • 他には My 内容を知る必要があるか。
    説明

    ヒント

    • ヒント [プロパティ]ウィンドウが表示、押しながら、Ctrl キーを押しながらは、代わりに、F4 キーを押します。

外部リソース

Gg269469.collapse_all(ja-jp,VS.110).gifガイダンス

Visual Studio 2012 –の章の 2 番目の一連の配信のためのテスト: 単体テスト: 内部のテスト

Gg269469.collapse_all(ja-jp,VS.110).gifFAQ

コード化された UI テストの FAQ - 1

コード化された UI テストの FAQ -2

Gg269469.collapse_all(ja-jp,VS.110).gifフォーラム

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

参照

処理手順

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

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

概念

コード化されたユーザー インターフェイス テストを使用したコードの検証

その他の技術情報

コード化された UI テストの作成

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