방법: 테스트 중인 응용 프로그램을 기록하여 코딩된 UI 테스트 생성

업데이트: 2010년 12월

코딩된 UI 테스트를 만드는 효율적인 방법 중 하나는 사용자 인터페이스 요소를 기록하는 것입니다.

테스트 대상 응용 프로그램을 기록하여 코딩된 UI 테스트 생성

테스트 대상 응용 프로그램을 기록하여 코딩된 UI 테스트를 생성하려면

  1. 솔루션 탐색기에서 테스트 프로젝트를 마우스 오른쪽 단추로 클릭하고 추가를 가리킨 다음 코딩된 UI 테스트를 클릭합니다.

    -또는-

    테스트 뷰 창을 마우스 오른쪽 단추로 클릭하고 새 테스트를 클릭합니다. 새 테스트 추가 대화 상자에서 코딩된 UI 테스트를 클릭한 다음 확인을 클릭합니다.

    -또는-

    테스트 메뉴에서 새 테스트를 클릭합니다. 새 테스트 추가 대화 상자에서 코딩된 UI 테스트를 클릭한 다음 확인을 클릭합니다.

    새 테스트 프로젝트 대화 상자가 나타납니다.

  2. 새로 만들 코딩된 UI 테스트의 이름을 입력하고 만들기를 클릭합니다.

  3. 작업 기록, UI 맵 편집 또는 어설션 추가를 클릭합니다.

    코딩된 UI 테스트 빌더 대화 상자가 나타납니다.

  4. 기록을 시작하려면 기록 아이콘을 클릭합니다. 응용 프로그램에서 기록할 작업을 수행합니다. 필요한 경우 응용 프로그램을 시작하는 작업까지 기록할 수 있습니다.

    참고

    Microsoft Visual Studio 2010 Feature Pack 2를 설치하면 Windows Internet Explorer 7 이상의 버전을 사용하여 웹 사이트 또는 웹 기반 응용 프로그램에서의 UI 작업을 기록한 다음 Mozilla Firefox 브라우저 버전 3.5 또는 3.6을 사용하여 테스트를 재생할 수 있습니다. 이 기능 팩을 다운로드하려면 MSDN 구독, Microsoft BizSpark 또는 MSDN Academic Alliance가 포함된 Visual Studio 2010 Ultimate, Visual Studio 2010 Premium 또는 Test Professional 2010이 있어야 합니다. 자세한 내용은 다음을 참조하십시오. Windows Internet Explorer를 사용하여 테스트 기록 및 Mozilla Firefox를 사용하여 재생Microsoft Visual Studio 2010 기능 팩 2.

  5. 작업을 보려면 기록된 단계 표시 아이콘을 클릭합니다.

    작업이 코딩된 UI 테스트 빌더 - 기록된 작업 대화 상자에 표시됩니다.

    참고

    테스트 대상 응용 프로그램을 시작하는 작업을 기록 범위에서 제외하려면 응용 프로그램을 먼저 시작한 다음 기록 아이콘을 클릭해야 합니다.

  6. 기록을 마치려면 코드 생성 아이콘을 클릭합니다. 메서드 이름에 코딩된 UI 테스트 메서드의 이름을 입력한 다음 추가 후 생성을 클릭합니다.

    예를 들어 이름으로 AddTwoNumbers를 입력한 경우 다음과 같은 코드가 생성됩니다.

    • UI 맵(UIMap.uitest)에 컨트롤을 추가합니다.

    • UI 맵에 AddTwoNumbers라는 메서드를 추가합니다. UIMap.Designer.cs 파일에서 메서드를 확인할 수 있습니다. 이 메서드는 테스트를 실행하면서 기록한 작업을 수행합니다.

      public void AddTwoNumbers()
      {
          #region Variable Declarations
          WinEdit textInput1Edit = 
              this.DemoCalculatorWindowWindow.InputNumber2Window.TextInput1Edit;
          WinEdit textInput2Edit = 
              this.DemoCalculatorWindowWindow.TextInput2Window.TextInput2Edit;
          WinButton addButton = 
              this.DemoCalculatorWindowWindow.AddWindow.AddButton;
          #endregion
      
          // Launch '%USERPROFILE%\Desktop\SimpleWinformsCalculator.exe'
          ApplicationUnderTest demoCalculatorWindowWindow = 
              ApplicationUnderTest.Launch(
                  this.AddTwoNumbersParams.DemoCalculatorWindowWindowExePath,
                  this.AddTwoNumbersParams.DemoCalculatorWindowWindowAlternateExePath);
      
          // Type '3' in 'textInput1' text box
          textInput1Edit.Text = 
              this.AddTwoNumbersParams.TextInput1EditText;
      
          // Type '4' in 'textInput2' text box
          textInput2Edit.Text = 
              this.AddTwoNumbersParams.TextInput2EditText;
      
          // Click 'Add' button
          Mouse.Click(addButton, new Point(83, 18));
      }
      
    • AddTwoNumbers 메서드를 호출하는 테스트 메서드를 코딩된 UI 테스트 파일에 추가합니다.

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

    기록된 메서드의 이름을 선택할 때는 기록한 작업이 무엇인지 잘 나타내는 이름을 선택해야 합니다.

  7. 기록한 작업이 보관하려는 작업이 아닌 경우 기록된 단계 표시 아이콘을 클릭할 수 있습니다. 그런 다음 보관하지 않을 작업을 선택하고 삭제 아이콘을 클릭합니다.

  8. UI 컨트롤에 대한 어설션을 생성하려면 십자형 아이콘을 클릭한 후 올바른지 확인하려는 컨트롤로 해당 아이콘을 끌어다 놓습니다.

    코딩된 UI 테스트 빌더 - 어설션 추가 대화 상자가 나타납니다.

  9. 세로 막대를 클릭하여 UI 맵을 표시합니다.

    확인하려는 UI 컨트롤이 강조 표시됩니다.

  10. 확인하려는 UI 컨트롤의 속성을 마우스 오른쪽 단추로 클릭한 다음 어설션 추가를 선택합니다.

    어설션 추가 대화 상자가 나타납니다.

  11. 어설션의 비교 연산자를 선택합니다.

  12. 비교 값에 어설션의 값을 입력합니다.

  13. 어설션을 추가하려면 확인을 클릭합니다.

  14. 테스트에 필요한 어설션을 모두 추가했으면 코딩된 UI 테스트 빌더 - 어설션 추가 대화 상자를 닫습니다.

  15. 어설션의 코드를 생성하려면 코드 생성 아이콘을 클릭합니다.

    코딩된 UI 테스트 빌더 - 코드 생성 대화 상자가 나타납니다.

  16. 메서드 이름에 코딩된 UI 테스트 메서드의 이름을 입력한 다음 추가 후 생성을 클릭합니다.

    예를 들어 이름으로 AssertForAddTwoNumbers를 입력한 경우 다음과 같은 코드가 생성됩니다.

    • UI 맵(UIMap.uitest)에 AssertForAddTwoNumbers라는 메서드를 추가합니다. UIMap.Designer.cs 파일에서 메서드를 확인할 수 있습니다. 이 메서드는 추가된 어설션 문을 수행합니다.

            public void AssertForAddTwoNumbers()
            {
                #region Variable Declarations
                WinEdit textAnswerEdit = 
                    this.DemoCalculatorWindowWindow.AnswerWindow.TextAnswerEdit;
                #endregion
      
                // Verify that the 'textAnswer' text box's Text property 
                // is '40'
                Assert.AreEqual(
                     this.AssertForAddTwoNumbersExpectedValues.TextAnswerEditText, 
                    textAnswerEdit.Text);
            }
      
    • 어설션 메서드 AssertForAddTwoNumbers에 대한 호출을 코딩된 UI 테스트 파일의 테스트 메서드에 추가합니다.

            [TestMethod]
            public void CodedUITestMethod1()
            {
                // To generate code for this test, select "Generate Code" 
                // from the shortcut menu and select one of the menu items.
                this.UIMap.AddTwoNumbers();
                this.UIMap.AssertForAddTwoNumbers();
            }
      

    어설션 문이 있는 메서드의 이름을 선택할 때는 자신이 만든 어설션에 대한 설명이 포함된 이름을 선택해야 합니다.

  17. 닫기 아이콘을 클릭하여 코딩된 UI 테스트 빌더를 닫습니다.

  18. (선택 사항) 코딩된 UI 테스트가 실행될 때 응용 프로그램을 시작하는 코드를 추가하려면 응용 프로그램의 시작 시퀀스를 기록하고 이를 메서드에 저장합니다. 그런 다음 테스트를 시작할 때 이 메서드를 호출할 수 있습니다.

    참고

    [TestInitialize] 특성으로 식별되는 테스트 초기화 메서드를 추가할 수 있습니다. 이 메서드는 각 테스트 메서드가 시작될 때 코드를 실행합니다. 예를 들어 응용 프로그램을 시작하는 메서드를 TestInitialize 메서드에서 호출할 수 있습니다.

  19. (선택 사항) 코딩된 UI 테스트가 실행될 때 응용 프로그램을 닫는 코드를 추가하려면 응용 프로그램의 닫기 시퀀스를 기록하고 이를 메서드에 저장합니다.

    브라우저나 응용 프로그램을 닫지 않으면 테스트가 완료된 후에도 브라우저나 응용 프로그램이 열린 채로 유지됩니다.

    참고

    [TestCleanup] 특성으로 식별되는 테스트 정리 메서드를 추가할 수 있습니다. 이 메서드는 각 테스트 메서드가 종료될 때 코드를 실행합니다. 예를 들어 응용 프로그램을 닫는 메서드를 TestCleanup 메서드에서 호출할 수 있습니다.

  20. 테스트를 실행하려면 테스트 메서드를 마우스 오른쪽 단추로 클릭한 다음 테스트 실행을 클릭합니다. 코딩된 UI 테스트를 실행하는 방법에 대한 자세한 내용은 자동화된 테스트 실행을 참조하십시오.

    참고

    특정 데이터를 사용하여 코딩된 UI 테스트를 만든 다음 매번 데이터 집합을 바꿔 가며 코딩된 UI 테스트를 여러 차례 실행하여 각기 다른 조건을 테스트할 수 있습니다. 이렇게 하려면 데이터 소스의 매개 변수를 코딩된 UI 테스트에 추가하여 데이터 기반의 코딩된 UI 테스트를 만들면 됩니다. 자세한 내용은 방법: 데이터 기반 코딩된 UI 테스트 만들기를 참조하십시오.

    이제 필요할 경우 더 많은 컨트롤을 추가하고 UI 테스트 빌더를 사용하여 컨트롤의 유효성을 검사할 수 있습니다. 자세한 내용은 다음을 참조하십시오. 방법: 코딩된 UI 테스트 빌더를 사용하여 UI 컨트롤 및 유효성 검사 코드 추가.

    참고

    코딩된 UI 테스트 편집기를 사용하면 코딩된 UI 테스트를 쉽게 수정할 수 있습니다. 코딩된 UI 테스트 편집기를 사용하여 테스트 메서드를 찾아서 보고 편집할 수 있습니다. UI 컨트롤 맵에서 UI 작업 및 관련 컨트롤을 편집할 수도 있습니다. 코딩된 UI 테스트 편집기는 Microsoft Visual Studio 2010 Feature Pack 2에 포함되어 있습니다. 이 기능 팩을 다운로드하려면 MSDN 구독, Microsoft BizSpark 또는 MSDN Academic Alliance가 포함된 Visual Studio 2010 Ultimate, Visual Studio 2010 Premium 또는 Test Professional 2010이 있어야 합니다. 자세한 내용은 다음을 참조하십시오. 코딩된 UI 테스트 편집기를 사용하여 코딩된 UI 테스트 편집Microsoft Visual Studio 2010 기능 팩 2.

참고 항목

작업

방법: 코딩된 UI 테스트 빌더를 사용하여 UI 컨트롤 및 유효성 검사 코드 추가

방법: 작업 기록에서 코딩된 UI 테스트 생성

방법: 코딩된 UI 테스트 만들기

참조

UIMap

Point

개념

자동화된 UI 테스트를 사용하여 사용자 인터페이스 테스트

최선의 코딩된 UI 테스트 방법

코딩된 UI 테스트 및 작업 기록에 지원되는 구성 및 플랫폼

기타 리소스

방법: 데이터 기반 코딩된 UI 테스트 만들기

변경 기록

날짜

변경 내용

이유

2010년 12월

코딩된 UI 테스트를 새로 만들기 위한 옵션인 테스트 목록 창이 제거되었습니다.

다음 토큰 중 하나로 바꿉니다.

고객 의견