チュートリアル: Silverlight アプリケーション用のコード化された UI テストを作成、編集、および保守する

[アーティクル]
08/09/2011

Microsoft Microsoft Visual Studio 2010 Feature Pack 2 を使用すると、Silverlight 4 アプリケーションでコード化された UI テストまたは操作の記録を作成できます。操作の記録により、手動テストのステップを早送りで実行できます。操作の記録またはコード化された UI テストの詳細については、「方法: 操作の記録を作成する」または「方法: コード化された UI テストを作成する」を参照してください。

このチュートリアルでは、Silverlight ベースのアプリケーションで Silverlight コントロールをテストするために必要な手順について説明します。ここでは次の手順を実行します。

チュートリアルの準備 Silverlight 開発者用ランタイムがインストールされていることを確認し、コード化された UI テストを実行する Silverlight グリッドコントロールを使用する単純な Silverlight アプリケーションを作成します。この手順については、「チュートリアル: RIA Services ソリューションの作成」を参照してください。
Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll を Silverlight プロジェクトに追加します。
コード化された UI テストの作成 Silverlight アプリケーションでコード化された UI テストを作成します。
コード化された UI テストの実行 Silverlight アプリケーションでコード化された UI テストが正しく動作するか確認します。

必須コンポーネント

このチュートリアルに必要な条件は次のとおりです。

Visual Studio 2010 Ultimate、Visual Studio 2010 Premium または Test Professional 2010。
Silverlight Developer 4 for Developers。
「チュートリアル: RIA Services ソリューションの作成」の手順を実行します。

チュートリアルの準備

チュートリアルを準備するには

Silverlight Developer 4 for Developers からダウンロードした Silverlight 4 開発者用ランタイムを使用できるか確認します。
「チュートリアル: RIA Services ソリューションの作成」の手順を完了しているか確認します。

これらの準備を行うと、Silverlight グリッドコントロールを使用する単純な Silverlight アプリケーションが作成されます。このチュートリアルの後半で、グリッドコントロールを使用して、コード化された UI テストを実行します。

ヒント

サポートされる Silverlight コントロールとサポートされない Silverlight コントロール詳細情報:「方法: テスト用に Silverlight アプリケーションを設定する」を参照してください。

注意

「チュートリアル: RIA Services ソリューションの作成」を実行すると、WCF RIA Services for Visual Studio 2010 および AdventureWorksLT サンプルデータベースがインストールされます。
「チュートリアル: RIA Services ソリューションの作成」で作成した RIAServicesExample を実行中に、Web アプリケーションをクリップボードまたはメモ帳ファイルにコピーします。たとえば、アドレスは https://localhost: <port number>/RIAServicesExampleTestPage.aspx のようになります。

Silverlight 4 プロジェクトへの SilverlightUIAutomationHelper.dll の追加

Silverlight アプリケーションをテストするには、参照として Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll を各 Silverlight 4 アプリケーションに追加し、Silverlight コントロールが識別できるようにします。このヘルパーアセンブリは Silverlight アプリケーションをインストルメント化し、コントロールに関する情報を、コード化された UI テスト、または操作の記録で使用する Silverlight プラグイン API で使用できるようにします。このアセンブリは再配布できません。したがって、アプリケーションをビルドする場合は、この参照を条件付きで追加する必要があります。この方法を使用すると、ソフトウェアを顧客に配置するときにアセンブリは再配布されません。

SilverlightUIAutomationHelper.dll を追加するには

テストするソリューション内の Silverlight プロジェクトごとに、SilverlightUIAutomationHelper.dll を追加する必要があります。ソリューションエクスプローラーで、RIAServicesExample プロジェクトを右クリックし、[プロジェクトのアンロード] をクリックします。

プロジェクトが "RIAServicesExample (使用不可)" としてソリューションエクスプローラーに表示されます。
プロジェクトを再度右クリックし、[RIAServicesExample.csproj の編集] をクリックします。

RIAServicesExample.csproj ファイルがコードエディターで開きます。 <PropertyGroup> ノードとその後に <ItemGroup> ノードが表示されます。次の 2 つの変更を行う必要があります。
1. 運用条件を設定するには、次のエントリを最初の <PropertyGroup> ノードに追加します。
```
<Production Condition="'$(Production)'==''">False</Production>
```
2. ビルドが運用ビルドでない場合に DLL を追加するには、<PropertyGroup> の後、<ItemGroup> ノードの前に次の <Choose> ノードを挿入します。
```
<Choose>
   <When Condition=" '$(Production)'=='False' ">
         <ItemGroup>
           <Reference Include="Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper">
           </Reference>
         </ItemGroup>
       </When>
 </Choose>
```
ファイルを保存するには、[保存] をクリックします。
これらの変更を再読み込みするには、サーバープロジェクトを右クリックし、[プロジェクトの再読み込み] をクリックします。

ヒント

複数の Silverlight プロジェクトをテストする場合は、プロジェクトごとにこの手順を実行する必要があります。

重要

SilverlightUIAutomationHelper.dll を削除して、SilverlightUIAutomationHelper.dll が実行コードで再配布されないようにするには、次のように最初の <PropertyGroup> ノードで運用条件の値を true に設定します。この方法では、前の手順でプロジェクトに追加した Choose ノードによって、DLL は参照として追加されなくなります。また、Production という名前の環境変数を True の値に設定することもできます。このように設定すると、msbuild を使用して Silverlight プロジェクトを作成したり、SilverlightUIAutomationHelper.dll を削除したりできます。

RIAServicesExample Silverlight アプリケーションのコード化された UI テストの作成

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

ソリューションエクスプローラーで、ソリューションを右クリックし、[追加] をクリックして、[新しいプロジェクト] を選択します。

[新しいプロジェクトの追加] ダイアログボックスが表示されます。
[インストールされたテンプレート] ペインで、[Visual C#] または [Visual Basic] を展開し、[テスト] を選択します。
中央のペインで、[テストプロジェクト] テンプレートを選択します。
[OK] をクリックします。

ソリューションエクスプローラーで、TestProject1 という名前の新しいテストプロジェクトがソリューションに追加されます。 UnitTest1.cs ファイルまたは UnitTest1.vb ファイルがコードエディターに表示されます。このチュートリアルでは UnitTest1 ファイルは使用しないため、ファイルを閉じてかまいません。
ソリューションエクスプローラーで、TestProject1 を右クリックし、[追加] をクリックして、[コード化された UI テスト] を選択します。

[コード化された UI テストのコードの生成] ダイアログボックスが表示されます。
[操作の記録、UI マップの編集、またはアサーションの追加] をクリックし、[OK] をクリックします。

[UIMap – コード化された UI テストビルダー] が表示されます。

このダイアログボックスのオプションの詳細については、「方法: コード化された UI テストを作成する」を参照してください。
[UIMap – コード化された UI テストビルダー] で [記録の開始] をクリックします。数秒でコード化された UI テストビルダーが準備されます。
Internet Explorer を起動します。
Internet Explorer のアドレスバーに、前の手順でコピーした Web アプリケーションアドレスを入力します。この例を次に示します。

https://localhost: <port number>/RIAServicesExampleTestPage.aspx
1 つまたは 2 つの列ヘッダーをクリックして、データを並べ替えます。
Internet Explorer を終了します。
[UIMap – コード化された UI テストビルダー] で、[コードの生成] をクリックします。
[メソッド名] ボックスに「SimpleSilverlightAppTest」と入力し、[追加と生成] をクリックします。数秒でコード化された UI テストが表示され、ソリューションに追加されます。
[UIMap – コード化された UI テストビルダー] を閉じます。

コードエディターに CodedUITest1.cs ファイルが表示されます。

注意

アプリケーションで Silverlight コントロールの種類に基づいて固有のオートメーションプロパティを割り当てることができます。詳細についてはテスト用に Silverlight コントロールの一意のオートメーションプロパティを設定する.

RIAServicesExample Silverlight アプリケーションでのコード化された UI テストの実行

コード化された UI テストを実行するには

[テスト] メニューの [ウィンドウ] をクリックし、[テストビュー] をクリックします。テストビューで、[テスト名] 列の CodedUITestMethod1 を選択し、ツールバーの [選択範囲の実行] をクリックします。

コード化された UI テストは、Silverlight データグリッドコントロールを使用して正常に実行されます。