코딩된 UI 테스트를 사용하여 Windows 스토어 앱 테스트

아티클
06/08/2015

코딩된 UI 테스트를 사용하여 Windows 스토어 앱을 확인합니다.

간단한 Windows 스토어 앱 만들기

XAML 기반 Windows 스토어 앱용 코딩된 UI 테스트를 실행하려는 경우 각 컨트롤을 식별하는 고유한 자동화 속성을 설정해야 합니다.

도구 메뉴에서 옵션을 가리킨 다음 텍스트 편집기, XAML 및 기타를 차례대로 선택합니다.

만들 때 대화형 요소의 이름을 자동으로 지정하려면 이 확인란을 선택합니다.
Visual C# 또는 Visual Basic 템플릿을 사용하여 빈 XAML 기반 Windows 스토어 앱용 새 프로젝트를 만듭니다.
솔루션 탐색기에서 MainPage.xaml을 엽니다.도구 상자에서 단추 컨트롤과 textbox 컨트롤을 디자인 화면으로 끕니다.

단추 컨트롤을 두 번 클릭하여 다음 코드를 추가합니다.

private void button_Click_1(object sender, RoutedEventArgs e)
{
    this.textBox.Text = this.button.Name;
}

Public NotInheritable Class MainPage
    Inherits Page

    Private Sub button_Click(sender As Object, e As RoutedEventArgs) Handles Button.Click
        Me.textBox.Text = Me.button.Name
    End Sub
End Class

F5 키를 눌러 Windows 스토어 앱을 실행합니다.

Windows 스토어 앱용 코딩된 UI 테스트 만든 후 실행

Windows 스토어 앱용 코딩된 UI 테스트 프로젝트를 새로 만듭니다.
십자선 도구를 사용하여 UI 맵을 편집하도록 선택합니다.
코딩된 UI 테스트 빌더에서 십자선 도구를 사용하여 앱 타일을 선택하고 AutomationId를 마우스 오른쪽 단추로 클릭한 다음 값을 클립보드로 복사를 선택합니다.나중에 테스트용으로 앱을 시작하는 작업을 작성할 때 클립보드의 값이 사용됩니다.
실행 중인 Windows 스토어 앱에서 십자선 도구를 사용하여 단추 컨트롤 및 textbox 컨트롤을 선택합니다.각 컨트롤을 추가한 후 코딩된 UI 테스트 빌더 도구 모음에서 UI 컨트롤 맵에 컨트롤 추가 단추를 선택합니다.
코딩된 UI 테스트 빌더 도구 모음에서 코드 생성 단추를 선택한 다음 생성을 선택하여 UI 컨트롤 맵 변경을 위한 코드를 만듭니다.
단추를 선택하여 텍스트 상자에서 값을 설정합니다.
십자선 도구를 사용하여 textbox 컨트롤을 선택한 다음 텍스트 속성을 선택합니다.
어설션을 추가합니다.이 어설션은 값이 올바른지 확인하는 테스트에 사용됩니다.
어설션에 대한 코드를 추가 및 생성합니다.

Visual C#

솔루션 탐색기에서 UIMap.Designer.cs 파일을 열어 assert 메서드 및 컨트롤에 대해 추가한 코드를 확인합니다.

Visual Basic

솔루션 탐색기에서 CodedUITest1.vb 파일을 연 다음 CodedUITestMethod1() 테스트 메서드 코드에서 자동으로 추가된 Me.UIMap.AssertMethod1()인 어설션 메서드에 대한 호출을 마우스 오른쪽 단추로 클릭한 다음 정의로 이동을 선택합니다.그러면 assert 메서드 및 해당 컨트롤에 대해 추가한 코드를 확인할 수 있도록 코드 편집기에서 UIMap.Designer.vb 파일이 열립니다.

주의
UIMap.designer.cs 파일 또는 UIMap.Designer.vb 파일은 직접 수정하지 마세요.수정하면 테스트를 생성할 때마다 파일에 대한 변경 내용을 덮어씁니다.

Assert 메서드

public void AssertMethod1()
{
    #region Variable Declarations
    XamlEdit uITextBoxEdit = this.UIApp1Window.UITextBoxEdit;
    #endregion

    // Verify that the 'Text' property of 'textBox' text box equals 'button'
    Assert.AreEqual(this.AssertMethod3ExpectedValues.UITextBoxEditText, uITextBoxEdit.Text);
}

Public Sub AssertMethod1()
    Dim uITextBoxEdit As XamlEdit = Me.UIApp2Window.UITextBoxEdit

    'Verify that the 'Text' property of 'textBox' text box equals 'button'
    Assert.AreEqual(Me.AssertMethod1ExpectedValues.UITextBoxEditText, uITextBoxEdit.Text)
End Sub

컨트롤

#region Properties
public XamlButton UIButtonButton
{
    get
    {
        if ((this.mUIButtonButton == null))
        {
            this.mUIButtonButton = new XamlButton(this);
            #region Search Criteria
            this.mUIButtonButton.SearchProperties[XamlButton.PropertyNames.AutomationId] = "button";
            this.mUIButtonButton.WindowTitles.Add("App1");
            #endregion
        }
        return this.mUIButtonButton;
    }
}

public XamlEdit UITextBoxEdit
{
    get
    {
        if ((this.mUITextBoxEdit == null))
        {
            this.mUITextBoxEdit = new XamlEdit(this);
            #region Search Criteria
            this.mUITextBoxEdit.SearchProperties[XamlEdit.PropertyNames.AutomationId] = "textBox";
            this.mUITextBoxEdit.WindowTitles.Add("App1");
            #endregion
        }
        return this.mUITextBoxEdit;
    }
}
#endregion

#region Fields
private XamlButton mUIButtonButton;

private XamlEdit mUITextBoxEdit;
#endregion

#Region "Properties"
Public ReadOnly Property UIButtonButton() As XamlButton
    Get
        If (Me.mUIButtonButton Is Nothing) Then
            Me.mUIButtonButton = New XamlButton(Me)
            Me.mUIButtonButton.SearchProperties(XamlButton.PropertyNames.AutomationId) = "button"
            Me.mUIButtonButton.WindowTitles.Add("App2")
        End If
        Return Me.mUIButtonButton
    End Get
End Property

Public ReadOnly Property UITextBoxEdit() As XamlEdit
    Get
        If (Me.mUITextBoxEdit Is Nothing) Then
            Me.mUITextBoxEdit = New XamlEdit(Me)
            Me.mUITextBoxEdit.SearchProperties(XamlEdit.PropertyNames.AutomationId) = "textBox"
            Me.mUITextBoxEdit.WindowTitles.Add("App2")
        End If
        Return Me.mUITextBoxEdit
    End Get
End Property
#End Region

#Region "Fields"
Private mUIButtonButton As XamlButton

Private mUITextBoxEdit As XamlEdit
#End Region

솔루션 탐색기에서 CodedUITest1.cs 또는 CodedUITest1.vb 파일을 엽니다.이제 UIMap에 추가한 컨트롤을 사용하여 다음과 같이 테스트 실행에 필요한 작업을 위한 CodedUTTestMethod1 메서드에 코드를 추가할 수 있습니다.

이전에 클립보드에 복사한 AutomationId를 사용하여 Windows 스토어 앱을 시작합니다.

XamlWindow.Launch("8ebca7c4-effe-4c86-9998-068daccee452_cyrqexqw8cc7c!App")

XamlWindow myAppWindow = XamlWindow.Launch("7254db3e-20a7-424e-8e05-7c4dabf4f28d_cyrqexqw8cc7c!App");

다음과 같이 단추 컨트롤을 누르는 제스처를 추가합니다.

Gesture.Tap(this.UIMap.UIApp1Window. UIButtonButton);

Gesture.Tap(Me.UIMap.UIApp2Window. UIButtonButton)

앱과 단추 누르기 제스처 시작 후 자동으로 생성된 assert 메서드가 호출되는지 확인합니다.
```
this.UIMap.AssertMethod1();
```
```
Me.UIMap.AssertMethod1()
```

코드를 추가한 후 CodedUITestMethod1 테스트 메서드의 모양은 다음과 같아야 합니다.

[TestMethod]
public void CodedUITestMethod1()
{
    // To generate code for this test, select "Generate Code for Coded UI Test" from the shortcut menu and select one of the menu items.

    // Launch the app.
    XamlWindow myAppWindow = XamlWindow.Launch("7254db3e-20a7-424e-8e05-7c4dabf4f28d_cyrqexqw8cc7c!App");

    // Tap the button.
    Gesture.Tap(this.UIMap.UIApp1Window.UIButtonButton);

    this.UIMap.AssertMethod1();
}

<CodedUITest(CodedUITestType.WindowsStore)>
Public Class CodedUITest1

    <TestMethod()>
    Public Sub CodedUITestMethod1()
        '            
        ' To generate code for this test, select "Generate Code for Coded UI Test" from the shortcut menu and select one of the menu items.
        '

        ' Launch the app.
        XamlWindow.Launch("8ebca7c4-effe-4c86-9998-068daccee452_cyrqexqw8cc7c!App")

        '// Tap the button.
        Gesture.Tap(Me.UIMap.UIApp2Window.UIButtonButton)

        Me.UIMap.AssertMethod1()
    End Sub

테스트를 빌드한 다음 테스트 탐색기를 사용하여 테스트를 실행합니다.

Windows 스토어 앱이 시작되고 단추 누르기 작업이 완료되며 assert 메서드를 사용하여 텍스트 상자의 텍스트 속성이 채워지고 확인됩니다.

테스트를 완료하면 테스트 탐색기에는 테스트를 통과했음이 표시됩니다.

Q & A

Q: 코딩된 UI 테스트용으로 코드 생성 대화 상자에 나의 코딩된 UI 테스트를 기록할 수 있는 옵션이 표시되지 않는 이유는 무엇인가요?

A: Windows 스토어 앱의 경우 기록 옵션이 지원되지 않습니다.
Q: WinJS를 기반으로 Windows 스토어 앱용 코딩된 UI 테스트를 만들 수 있나요?

A: 아니요, XAML 기반 앱만 지원됩니다.
Q: Windows 8이 실행되고 있지 않은 시스템에서 Windows 스토어 앱을 위한 코딩된 UI 테스트를 만들 수 있나요?

A: 아니요, 코딩된 UI 테스트 프로젝트(Windows 스토어 앱) 템플릿은 Windows 8에서만 사용할 수 있습니다.
Q: UIMap.Designer 파일에서 코드를 수정할 수 없는 이유는 무엇인가요?

A: UIMap - 코딩된 UI 테스트 빌더를 사용하여 코드를 생성할 때마다 UIMapDesigner.cs 파일에서 수정된 코드 변경 내용을 덮어씁니다.기록된 메서드를 수정해야 하는 경우에는 해당 메서드를 UIMap.cs 파일에 복사한 후 이름을 바꾸어야 합니다.UIMap.cs 파일을 사용하여 UIMapDesigner.cs 파일의 메서드와 속성을 재정의할 수 있습니다.코딩된 UITest.cs 파일에서 원래 메서드에 대한 참조를 제거하고 이름을 바꾼 메서드 이름으로 바꾸어야 합니다.

참고 항목

개념

UI 자동화를 사용하여 코드 확인

테스트를 위해 Windows 스토어 컨트롤에 대한 고유 자동화 속성 설정

다음을 통해 공유

코딩된 UI 테스트를 사용하여 Windows 스토어 앱 테스트

간단한 Windows 스토어 앱 만들기

Windows 스토어 앱용 코딩된 UI 테스트 만든 후 실행

Q & A

참고 항목

개념

추가 리소스