코딩된 UI 테스트에서 HTML5 컨트롤 사용Using HTML5 Controls in Coded UI Tests

코딩된 UI 테스트에는 Internet Explorer 9 및 Internet Explorer 10에 포함된 일부 HTML5 컨트롤에 대한 지원이 포함됩니다.Coded UI tests include support for some of the HTML5 controls that are included in Internet Explorer 9 and Internet Explorer 10.

요구 사항Requirements

  • Visual Studio EnterpriseVisual Studio Enterprise

경고

Internet Explorer 10 이전 버전에서는 Internet Explorer 프로세스의 권한에 비해 더 높은 권한 수준으로 코딩된 UI 테스트를 실행할 수 있었습니다.In versions prior to Internet Explorer 10, it was possible to run coded UI tests in a higher privilege level compared to that of the Internet Explorer process. Internet Explorer 10에서 코딩된 UI 테스트를 실행하는 경우 코딩된 UI 테스트와 Internet Explorer 프로세스가 모두 같은 권한 수준에 있어야 합니다.When running coded UI tests on Internet Explorer 10, both the coded UI test and the Internet Explorer process must be at the same privilege level. 이는 Internet Explorer 10의 더 안전한 AppContainer 기능 때문입니다.This is because of more secure AppContainer features in Internet Explorer 10.

경고

Internet Explorer 10에서 코딩된 UI 테스트를 만드는 경우 Internet Explorer 9 또는 Internet Explorer 8을 사용하여 실행하지 못할 수 있습니다.If you create a coded UI test in Internet Explorer 10, it might not run using Internet Explorer 9 or Internet Explorer 8. Internet Explorer 10에는 오디오, 비디오, 진행률 표시줄 및 슬라이더와 같은 HTML5 컨트롤이 포함되기 때문입니다.This is because Internet Explorer 10 includes HTML5 controls such as Audio, Video, ProgressBar and Slider. 이러한 HTML5 컨트롤은 Internet Explorer 9 또는 Internet Explorer 8로 인식되지 않습니다.These HTML5 controls are not recognized by Internet Explorer 9, or Internet Explorer 8. 마찬가지로, Internet Explorer 9를 사용하여 코딩된 UI 테스트는 Internet Explorer 8에서 인식되지 않는 일부 HTML5 컨트롤을 포함할 수 있습니다.Likewise, your coded UI test using Internet Explorer 9 might include some HTML5 controls that also will not be recognized by Internet Explorer 8.

지원되는 HTML5 컨트롤Supported HTML5 Controls

코딩된 UI 테스트에는 다음 HTML5 컨트롤의 기록, 재생 및 유효성 검사에 대한 지원이 포함됩니다.Coded UI tests include support for record, playback, and validation of the following HTML5 controls:

오디오 컨트롤Audio Control

오디오 컨트롤: HTML5 오디오 컨트롤에 대한 작업은 올바르게 기록되고 재생됩니다.Audio control: Actions on the HTML5 Audio control are correctly recorded and played back.

HTML5 오디오 컨트롤HTML5 Audio control

작업Action 기록 중Recording 생성된 코드Generated Code
오디오 재생Play audio

컨트롤 또는 컨트롤 상황에 맞는 메뉴에서 직접Directly from control, or from controls context menu.
00:00:00부터 <name> 오디오 재생Play <name> Audio from 00:00:00 HtmlAudio.Play(TimeSpan)HtmlAudio.Play(TimeSpan)
오디오의 특정 시간까지 검색Seek to a specific time in the audio 00:01:48까지 <name> 오디오 검색Seek <name> Audio to 00:01:48 HtmlAudio.Seek(TimeSpan)HtmlAudio.Seek(TimeSpan)
오디오 일시 중지Pause audio

컨트롤 또는 컨트롤 상황에 맞는 메뉴에서 직접Directly from control, or from controls context menu.
00:01:53에 <name> 오디오 일시 중지Pause <name> Audio at 00:01:53 HtmlAudio.Pause(TimeSpan)HtmlAudio.Pause(TimeSpan)
오디오 음소거Mute audio

컨트롤 또는 컨트롤 상황에 맞는 메뉴에서 직접Directly from control, or from controls context menu.
<name> 오디오 음소거Mute <name> Audio HtmlAudio.Mute()HtmlAudio.Mute()
오디오 음소거 해제Unmute audio

컨트롤 또는 컨트롤 상황에 맞는 메뉴에서 직접Directly from control, or from controls context menu.
<name> 오디오 음소거 해제Unmute <name> Audio HtmlAudio.Unmute()HtmlAudio.Unmute()
오디오 볼륨 변경Change volume of audio <name> 오디오 볼륨을 79%로 설정Set volume of <name> Audio to 79% HtmlAudio.SetVolume(float)HtmlAudio.SetVolume(float)

다음과 같은 속성을 HtmlAudio에 사용할 수 있으며 모든 속성에 어설션을 추가할 수 있습니다.The following properties are available for HtmlAudio and you can add an assertion on all of them:

string AutoPlay
string Controls
string CurrentSrc
string CurrentTime
string CurrentTimeAsString
string Duration
string DurationAsString
string Ended
string Loop
string Muted
string Paused
string PlaybackRate
string ReadyState
string Seeking
string Src
string Volume

검색 속성: HtmlAudio에 대한 검색 속성은 Id, NameTitle입니다.Search properties: The search properties for HtmlAudio are Id, Name and Title.

필터 속성: HtmlAudio에 대한 필터 속성은 Src, Class, ControlDefinitionTagInstance입니다.Filter properties: The filter properties for HtmlAudio are Src, Class, ControlDefinition and TagInstance.

참고

검색 및 일시 중지에 대한 시간은 중요할 수 있습니다.The amount of time for Seek and Pause can be significant. 재생하는 동안 코딩된 UI 테스트는 (TimeSpan)에 지정된 시간까지 기다린 후 오디오를 일시 중지합니다.During playback, the coded UI test will wait until the specified time in (TimeSpan) before Pausing the audio. 특수한 경우 일시 중지 명령을 누르기 전에 지정된 시간이 경과하면 예외가 throw됩니다.If by some special circumstance, the specified time has passed before hitting the Pause command, an exception will be thrown.

비디오 컨트롤Video Control

비디오 컨트롤: HTML5 비디오 컨트롤에 대한 작업은 올바르게 기록되고 재생됩니다.Video control: Actions on the HTML5 Video control are correctly recorded and played back.

HTML5 비디오 컨트롤HTML5 Video control

작업Action 기록 중Recording 생성된 코드Generated Code
비디오 재생Play video

컨트롤 또는 컨트롤 상황에 맞는 메뉴에서 직접Directly from control, or from controls context menu.
00:00:00부터 <name> 비디오 재생Play <name> Video from 00:00:00 HtmlVideo.Play(TimeSpan)HtmlVideo.Play(TimeSpan)
비디오의 특정 시간까지 검색Seek to a specific time in the video 00:01:48까지 <name> 비디오 검색Seek <name> Video to 00:01:48 HtmlVideo.Seek(TimeSpan)HtmlVideo.Seek(TimeSpan)
비디오 일시 중지Pause video

컨트롤 또는 컨트롤 상황에 맞는 메뉴에서 직접Directly from control, or from controls context menu.
00:01:53에 <name> 비디오 일시 중지Pause <name> Video at 00:01:53 HtmlVideo.Pause(TimeSpan)HtmlVideo.Pause(TimeSpan)
비디오 음소거Mute video

컨트롤 또는 컨트롤 상황에 맞는 메뉴에서 직접Directly from control, or from controls context menu.
<name> 비디오 음소거Mute <name> Video HtmlVideo.Mute()HtmlVideo.Mute()
비디오 음소거 해제Unmute video

컨트롤 또는 컨트롤 상황에 맞는 메뉴에서 직접Directly from control, or from controls context menu.
<name> 비디오 음소거 해제Unmute <name> Video HtmlVideo.Unmute()HtmlVideo.Unmute()
비디오의 볼륨 변경Change volume of video <name> 비디오 볼륨을 79%로 설정Set volume of <name> Video to 79%

HtmlAudio의 모든 속성을 HtmlVideo에 사용할 수 있습니다.All the properties of HtmlAudio are available for HtmlVideo. 다음 세가지 속성도 사용할 수 있습니다.In addition, the following three properties are also available. 어설션은 모든 속성에 추가할 수 있습니다.Assertion can be added on all of them.

string Poster
string VideoHeight
string VideoWidth

검색 속성: HtmlVideo에 대한 검색 속성은 Id, NameTitle입니다.Search properties: The search properties for HtmlVideo are Id, Name and Title.

필터 속성: HtmlVideo에 대한 필터 속성은 Src, Poster, Class, ControlDefinitionTagInstance입니다.Filter properties: The filter properties for HtmlVideo are Src, Poster, Class, ControlDefinition and TagInstance.

참고

-30s 또는 +30s 레이블을 사용하여 비디오를 되감거나 빨리 감으면 적절한 시간까지 검색하도록 집계됩니다.If you rewind or fast forward the video using -30s or +30s labels, this will be aggregated to seek to the appropriate time.

슬라이더Slider

슬라이더 컨트롤: HTML5 슬라이더 컨트롤에 대한 작업은 올바르게 기록되고 재생됩니다.Slider control: Actions on the HTML5 Slider control are correctly recorded and played back.

HTML5 슬라이더 컨트롤HTML5 Slider control

작업Action 기록 중Recording 생성된 코드Generated Code
슬라이더의 위치 설정Set a position in the slider 위치를 <name> 슬라이더의 <x>로 설정Set position to <x> in <name> slider HtmlSlider.ValueAsNumber=<x>HtmlSlider.ValueAsNumber=<x>

다음과 같은 속성을 HtmlSlider에 사용할 수 있으며 모든 속성에 어설션을 추가할 수 있습니다.The following properties are available for HtmlSlider and assertion can be added on all of them:

string Disabled
string Max
string Min
string Required
string Step
string ValueAsNumber

ProgressBarProgressBar

ProgreesBar 컨트롤: ProgressBar는 상호 작용할 수 없는 컨트롤입니다.ProgreesBar control: The ProgressBar is a non-interactable control. 이 컨트롤의 ValueMax 속성에 어설션을 추가할 수 있습니다.You can add assertions on the Value and Max properties of this control.

HTML5 ProgressBar 컨트롤HTML5 ProgressBar control

참고 항목See also