연습: Silverlight 응용 프로그램에 대한 코딩된 UI 테스트 만들기, 편집 및 유지 관리

아티클
08/10/2011

Microsoft Microsoft Visual Studio 2010 기능 팩 2를 사용하여 Silverlight 4 응용 프로그램에 대한 코딩된 UI 테스트나 작업 기록을 만들 수 있습니다. 작업 기록을 사용하면 수동 테스트의 단계를 빠르게 진행할 수 있습니다. 작업 기록 또는 코딩된 UI 테스트에 대한 자세한 내용은 방법: 작업 기록 만들기 또는 방법: 코딩된 UI 테스트 만들기를 참조하십시오.

이 연습에서는 Silverlight 기반 응용 프로그램에서 Silverlight 컨트롤을 테스트하는 데 필요한 절차를 알아봅니다. 이 연습에서는 다음 절차를 안내합니다.

연습 준비 Silverlight 개발자 런타임이 설치되어 있는지 확인하고, 코딩된 UI 테스트를 수행할 Silverlight 표 컨트롤을 사용하는 간단한 Silverlight 응용 프로그램을 만듭니다. Walkthrough: Creating a RIA Services Solution의 단계를 따릅니다.
Silverlight 프로젝트에 Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll을 추가합니다.
코딩된 UI 테스트 만들기 Silverlight 응용 프로그램에서 코딩된 UI 테스트를 만듭니다.
코딩된 UI 테스트 실행 코딩된 UI 테스트가 Silverlight 응용 프로그램에서 올바르게 작동하는지 확인합니다.

사전 요구 사항

이 연습을 수행하려면 다음이 필요합니다.

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 응용 프로그램 설정을 참조하십시오.

참고

연습: RIA Services 솔루션 만들기에서는 WCF RIA Services for Visual Studio 2010 및 AdventureWorksLT 샘플 데이터베이스를 설치합니다.
연습: RIA Services 솔루션 만들기 실행 중에 만든 RIAServicesExample을 사용하여 웹 응용 프로그램 주소를 클립보드나 메모장 파일로 복사합니다. 예를 들어 이 주소는 https://localhost: <port number>/RIAServicesExampleTestPage.aspx와 비슷할 수 있습니다.

Silverlight 4 프로젝트에 SilverlightUIAutomationHelper.dll 추가

Silverlight 응용 프로그램을 테스트하려면 Silverlight 컨트롤을 식별할 수 있도록 솔루션의 각 Silverlight 4 응용 프로그램에 대한 참조로 Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll을 추가해야 합니다. 이 도우미 어셈블리는 Silverlight 응용 프로그램을 계측하여 코딩된 UI 테스트에서 사용하거나 작업 기록에 사용되는 Silverlight 플러그 인 API에 컨트롤에 대한 정보를 사용할 수 있도록 합니다. 따라서 응용 프로그램을 빌드하려면 이 참조를 조건부로 추가해야 합니다. 이 방법을 사용하면 소프트웨어를 고객에게 배포할 때 어셈블리가 재배포되지 않습니다.

SilverlightUIAutomationHelper.dll을 추가하려면

테스트할 솔루션의 각 Silverlight 프로젝트에 대해 SilverlightUIAutomationHelper.dll을 추가해야 합니다. 솔루션 탐색기에서 RIAServicesExample 프로젝트를 마우스 오른쪽 단추로 클릭하고 프로젝트 언로드를 선택합니다.

프로젝트가 솔루션 탐색기에서 **RIAServicesExample(사용할 수 없음)**으로 표시됩니다.
프로젝트를 다시 마우스 오른쪽 단추로 클릭한 다음 RIAServicesExample.csproj 편집을 클릭합니다.

RIAServicesExample.csproj 파일이 코드 편집기에서 열립니다. <PropertyGroup> 노드 다음에 <ItemGroup> 노드가 표시됩니다. 다음 두 가지를 수정해야 합니다.
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을 제거하려면 첫째 <PropertyGroup> 노드에서 프로덕션 조건 값을 true로 설정합니다. 이런 방식을 사용하면 이전 절차에서 프로젝트에 추가한 Choose 노드에서 DLL을 더 이상 참조로 추가하지 않습니다. 환경 변수 Production을 값 True로 설정할 수도 있습니다. 그러면 msbuild를 사용하여 Silverlight 프로젝트를 빌드하고 SilverlightUIAutomationHelper.dll을 제거할 수 있습니다.

RIAServicesExample Silverlight 응용 프로그램을 위한 코딩된 UI 테스트 만들기

코딩된 UI 테스트를 만들려면

솔루션 탐색기에서 솔루션을 마우스 오른쪽 단추로 클릭하고 추가를 클릭한 다음 새 프로젝트를 선택합니다.

새 프로젝트 추가 대화 상자가 나타납니다.
설치된 템플릿 창에서 Visual C# 또는 Visual Basic을 확장하고 테스트를 선택합니다.
가운데 창에서 테스트 프로젝트 템플릿을 선택합니다.
확인을 클릭합니다.

솔루션 탐색기에서 새로운 테스트 프로젝트 TestProject1이 솔루션에 추가됩니다. UnitTest1.cs 또는 UnitTest1.vb 파일이 코드 편집기에 나타납니다. UnitTest1 파일은 이 연습에서 사용되지 않으므로 닫아도 됩니다.
솔루션 탐색기에서 TestProject1을 마우스 오른쪽 단추로 클릭하고 추가를 클릭한 다음 코딩된 UI 테스트를 선택합니다.

코딩된 UI 테스트에 대한 코드 생성 대화 상자가 나타납니다.
작업 기록, UI 맵 편집 또는 어설션 추가 옵션을 선택하고 확인을 클릭합니다.

UIMap – 코딩된 UI 테스트 빌더가 나타납니다.

이 대화 상자의 옵션에 대한 자세한 내용은 방법: 코딩된 UI 테스트 만들기를 참조하십시오.
UIMap – 코딩된 UI 테스트 빌더에서 기록 시작을 클릭합니다. 몇 초 안에 코딩된 UI 테스트 빌더를 사용할 수 있게 됩니다.
Internet Explorer를 시작합니다.
이전 절차에서 복사한 웹 응용 프로그램 주소를 Internet Explorer의 주소 표시줄에 입력합니다. 예를 들면 다음과 같습니다.

https://localhost: <port number>/RIAServicesExampleTestPage.aspx
데이터를 정렬하려면 열 머리글을 한 두 개 클릭합니다.
Internet Explorer를 닫습니다.
UIMap – 코딩된 UI 테스트 빌더에서 코드 생성을 클릭합니다.
메서드 이름에 SimpleSilverlightAppTest를 입력하고 추가 후 생성을 클릭합니다. 그러면 몇 초 안에 코딩된 UI 테스트가 나타나고 솔루션에 추가됩니다.
UIMap – 코딩된 UI 테스트 빌더를 닫습니다.

CodedUITest1.cs 파일이 코드 편집기에 나타납니다.

참고

응용 프로그램에서 Silverlight 컨트롤 형식에 따라 고유한 자동화 속성을 할당할 수 있습니다. 자세한 내용은 다음을 참조하십시오. 테스트를 위해 Silverlight 컨트롤에 대한 고유 자동화 속성 설정.

RIAServicesExample Silverlight 응용 프로그램에서 코딩된 UI 테스트 실행

코딩된 UI 테스트를 실행하려면

테스트 메뉴에서 창을 선택하고 테스트 뷰를 클릭합니다. 테스트 뷰에서 테스트 이름 열 아래의 CodedUITestMethod1을 선택하고 도구 모음에서 선택 항목 실행을 클릭합니다.

Silverlight 데이터 표 컨트롤을 사용하면 코딩된 UI 테스트가 성공적으로 실행됩니다.

참고 항목