코딩된 UI 테스트에 다른 웹 브라우저 사용Use Different Web Browsers with Coded UI Tests

코딩된 UI 테스트는 Internet Explorer로 테스트를 기록하여 웹 응용 프로그램 테스트를 자동화합니다.Coded UI tests can automate testing for web applications by recording your tests using Internet Explorer. 그런 다음 이러한 웹 응용 프로그램에 대해 Internet Explorer 또는 기타 브라우저를 사용하여 테스트를 사용자 지정하고 재생할 수 있습니다.You can then customize your test and play it back using either Internet Explorer or other browser types for these web applications.

코딩된 UI 다중 브라우저용 Selenium 구성 요소를 먼저 설치합니다.First, install the Selenium components for Coded UI Cross Browser Testing.

모든 웹 브라우저에 어떤 기능이 지원됩니까?What's supported across all web browsers?

여러 웹 브라우저 형식에 코딩된 UI 테스트를 사용해야 하는 이유는 무엇입니까?Why should I use coded UI tests across multiple web browser types?

다양한 웹 브라우저 종류로 웹 응용 프로그램을 테스트하면 다양한 브라우저를 실행하는 사용자의 UI 환경을 더 잘 에뮬레이션할 수 있습니다.By testing your web application using a variety of web browser types, you better emulate the UI experience of your users who may run different browsers. 예를 들어, 응용 프로그램에 다른 웹 브라우저와 호환되지 않는 Internet Explorer의 컨트롤 또는 코드를 포함할 수 있습니다.For example, your application might include a control or code in Internet Explorer that is not compatible with other web browsers. 다른 브라우저에서 코딩된 UI 테스트를 실행하면 고객에게 영향을 미치기 전에 문제를 발견하고 수정할 수 있습니다.By running your coded UI tests across other browsers, you can discover and correct any issue before it impacts your customers.

지원되는 웹 브라우저를 사용하여 웹 응용 프로그램에서 코딩된 UI 테스트를 기록 및 재생하는 방법How do I record and play back coded UI tests on web applications using the supported web browsers?

기록: Internet Explorer를 사용하여 웹 응용 프로그램 테스트를 기록하려면 코딩된 UI 테스트 빌더를 사용해야 합니다.Recording: You must use the Coded UI Test Builder to record your web application test using Internet Explorer. 코딩된 UI 테스트와 같은 방식으로, 미리 정의된 집합을 사용하여 테스트된 컨트롤에 대해 유효성 검사 및 사용자 지정 코드를 추가할 수 있습니다(선택 사항).You can optionally add validation and custom code for the tested controls using a predefined set of properties as you would normally do for coded UI tests. 자세한 내용은 UI 자동화를 사용하여 코드 테스트를 참조하세요.For more information, see Use UI Automation To Test Your Code.

참고

Google Chrome 또는 Mozilla Firefox 브라우저로는 코딩된 UI 테스트를 기록할 수 없습니다.You cannot record coded UI tests using Google Chrome or Mozilla Firefox browsers.

Internet Explorer로 재생: 브라우저를 명시적으로 지정하지 않은 경우 기본적으로 Internet Explorer에서 테스트가 실행됩니다.Play back with Internet Explorer: When no browser is explicitly specified, tests will run on Internet Explorer by default. 테스트 코드에서 BrowserWindow.CurrentBrowser 속성을 설정하여 사용할 브라우저를 명시적으로 설정할 수 있습니다.You can explicitly state the browser to be used by setting the BrowserWindow.CurrentBrowser property in your test code. Internet Explorer의 경우 이 속성을 IE 또는 Internet Explorer로 설정해야 합니다.For Internet Explorer, this property should be set to IE or Internet Explorer.

Internet Explorer 이외의 웹 브라우저: Internet Explorer 이외의 브라우저에서 재생하려면 테스트 코드에서 BrowserWindow.CurrentBrowser 속성을 Firefox 또는 Chrome으로 설정합니다.Play back with non-Internet Explorer web browsers: To play back on non-Internet Explorer web browsers, change BrowserWindow.CurrentBrowser property in your test code to either Firefox or Chrome.

IE가 아닌 웹 브라우저에서 테스트를 재생하려면 코딩된 UI 다중 브라우저용 Selenium 구성 요소를 설치해야 합니다.To play back tests on non-IE web browsers, you must install the Selenium components for Coded UI Cross Browser Testing.

Selenium 구성 요소 설치Install Selenium components

  1. 도구 메뉴 모음에서 확장 및 업데이트를 선택합니다.On the Tools menu, choose Extensions and Updates.

  2. [확장] 및 [업데이트] 대화 상자에서 Selenium components for Cross Browser Testing을 검색합니다.In the Extension and Updates dialog box, search for Selenium components for Cross Browser Testing.

  3. 확장명을 강조 표시하고 다운로드를 선택합니다.Highlight the extension and choose Download.

    또한 여기에서 코딩된 UI 다중 브라우저 테스트용 Selenium 구성 요소를 다운로드할 수 있습니다.You can also download the Selenium components for Coded UI Cross Browser Testing from here.

코딩된 UI 테스트를 만들고 사용하는 방법은 코딩된 UI 테스트 만들기를 참조하세요.For more information about creating and using coded UI tests, see Creating Coded UI Tests.

디버깅 사용Enable debugging

웹 응용 프로그램을 디버깅하려면 다음 구성 옵션을 완료해야 합니다.To enable debugging your web application, you must complete the following configuration options:

  1. 내 코드만 사용:Enable Just My Code:

    1. 도구 메뉴에서 옵션을 선택한 다음 디버깅을 선택합니다.On the Tools menu, choose Options and then choose Debugging.

    2. 내 코드만 사용을 선택합니다.Select Enable Just My Code.

  2. CLR 예외 사용 안 함:Disable CLR exceptions:

    1. 디버그 메뉴에서 예외를 선택합니다.On the Debug menu, choose Exceptions.

    2. 공용 언어 런타임 예외에 대해 사용자가 처리하지 않음을 선택 취소합니다.For Common Language Runtime Exceptions, uncheck User-unhandled.

코딩된 UI 테스트에서 BrowserWindow.CurrentBrowser을 변경할 옵션이 표시되지 않는 경우 다양한 웹 브라우저를 사용하여 코딩된 UI 테스트를 지원하지 않는 Visual Studio 버전을 사용하는 중일 수 있습니다.If don't see the option to change BrowserWindow.CurrentBrowser in the coded UI test, you might be using a version of Visual Studio that does not support coded UI tests using various web browsers. 코딩된 UI 테스트를 사용하려면 Visual Studio Enterprise edition을 사용해야 합니다.To use such coded UI tests, you must use Visual Studio Enterprise edition.

알아야 할 몇 가지 다른 사항이 있습니다.Here are some other things you should know:

  • Apple Safari 웹 브라우저는 지원되지 않습니다.Apple Safari web browser is not supported.

  • 웹 브라우저를 시작하는 작업은 코딩된 UI 테스트에 포함되어야 합니다.The action of starting the web browser must be part of the coded UI test.

    웹 브라우저가 이미 열려 있는 상태에서는 Internet Explorer를 사용하지 않는 이상 단계를 실행하려고 해도 재생이 실패합니다.If you have a web browser already open and you want to run steps on it, the playback will fail unless you are using Internet Explorer. 따라서 코딩된 UI 테스트에 웹 브라우저 시작을 포함하는 것이 좋습니다.Therefore, it is a best practice to include the startup of your web browser as part of your coded UI tests.

  • 최대화, 최소화, 복원 등의 브라우저별 기본 UI 작업은 자동화할 수 없습니다.Automating browser specific based UI actions such as maximize, minimize and restore is not supported.

Tips

출력을 구성하여 코딩된 UI 로그에 스크린 샷을 포함할 수 있습니다.You can configure the output to include screenshots in the coded UI logs. 이렇게 하려면 QTAgent32.exe.config 파일에 일부 구성 설정을 설정해야 합니다.To do so, you need to set some configuration settings in the QTAgent32.exe.config file. 기본적으로 이 파일은 다음 디렉터리에 설치됩니다.By default, this file is installed in the following location:

 *%ProgramFiles(x86)%\Microsoft Visual Studio\2017\Enterprise\Common7\IDE*

다음 값을 설정합니다.Set the following values:

  • EqtTraceLevel 섹션의 system.diagnosticsEqtTraceLevel in the system.diagnostics section.

  • <add name="EqtTraceLevel" value="4" />

    값을 3 이상으로 설정하면 각 작업에 대한 스크린 샷이 캡처됩니다.By setting the value to 3 or higher, screenshots are taken for each action. 값을 1 또는 2로 설정할 경우에는 스크린 샷이 오류 작업에 대해서만 캡처됩니다.When the value is set to either 1 or 2, screenshots are taken for error actions only.

자세한 내용은 코딩된 UI 테스트 로그를 사용하여 코딩된 UI 테스트 분석을 참조하세요.For more information, see Analyzing Coded UI Tests Using Coded UI Test Logs.

비디오 리소스Video resources

IE에서 기록하고 어디에서나 재생Record on IE and Playback everywhere

코딩된 UI 테스트 빌더로 다중 브라우저 테스트 작성Author cross browser tests with Coded UI Test Builder

UI 맵 없이 일반 수작업 코딩으로 다중 브라우저 테스트 작성Author cross browser tests using plain hand coding without UI Map

여러 브라우저에서 다중 브라우저 테스트 순차 실행Run cross browser tests sequentially on multiple browsers

다중 브라우저 테스트 오류 문제 해결Troubleshoot cross browser test failures

참고 항목See also