コード化された 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 には、オーディオ、ビデオ、ProgressBar、スライダーなどの 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.
<name> オーディオを 00:00:00 の時点から再生Play <name> Audio from 00:00:00 HtmlAudio.Play(TimeSpan)HtmlAudio.Play(TimeSpan)
オーディオの特定の時点にシークSeek to a specific time in the audio <name> オーディオの 00:01:48 の時点にシークSeek <name> Audio to 00:01:48 HtmlAudio.Seek(TimeSpan)HtmlAudio.Seek(TimeSpan)
オーディオの一時停止Pause audio

コントロールから直接、またはコントロールのコンテキスト メニューからDirectly from control, or from controls context menu.
<name> オーディオの 00:01:53 の時点で一時停止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 の検索プロパティは、IdNameTitle です。Search properties: The search properties for HtmlAudio are Id, Name and Title.

フィルター プロパティ: HtmlAudio のフィルター プロパティは、SrcClassControlDefinitionTagInstance です。Filter properties: The filter properties for HtmlAudio are Src, Class, ControlDefinition and TagInstance.

注意

Seek および Pause の時間は大きな意味を持つことがあります。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. 特殊な状況において、Pause コマンドが実行される前に指定された時間が経過したとき、例外がスローされます。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.
<name> ビデオを 00:00:00 の時点から再生Play <name> Video from 00:00:00 HtmlVideo.Play(TimeSpan)HtmlVideo.Play(TimeSpan)
ビデオの特定の時点にシークSeek to a specific time in the video <name> ビデオの 00:01:48 の時点にシークSeek <name> Video to 00:01:48 HtmlVideo.Seek(TimeSpan)HtmlVideo.Seek(TimeSpan)
ビデオの一時停止Pause video

コントロールから直接、またはコントロールのコンテキスト メニューからDirectly from control, or from controls context menu.
<name> ビデオの 00:01:53 の時点で一時停止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%

HtmlVideo には、HtmlAudio のすべてのプロパティが用意されています。All the properties of HtmlAudio are available for HtmlVideo. さらに、次の 3 つのプロパティも使用できます。In addition, the following three properties are also available. それらのすべてでアサーションを追加することができます。Assertion can be added on all of them.

string Poster
string VideoHeight
string VideoWidth

検索プロパティ: HtmlVideo の検索プロパティは、IdNameTitle です。Search properties: The search properties for HtmlVideo are Id, Name and Title.

フィルター プロパティ: HtmlVideo のフィルター プロパティは、SrcPosterClassControlDefinitionTagInstance です。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. このコントロールの Value プロパティと Max プロパティでアサーションを追加できます。You can add assertions on the Value and Max properties of this control.

HTML5 ProgressBar コントロールHTML5 ProgressBar control

関連項目See also