在编码的 UI 测试中使用 HTML5 控件

编码的 UI 测试包含部分 HTML5 控件支持,这些包含在 Internet Explorer 9 和 Internet Explorer 10. 中。

要求

  • Visual Studio 旗舰版, Visual Studio 高级专业版
警告说明警告

在 Internet Explorer 在 10 之前的版本中,相对 Internet Explorer 进程来说运行在一个较高的权限级别的编码的 UI 测试是比较可能的。当在 Internet Explorer 10 中运行编码的 UI 测试时,编码的 UI 测试和 Internet Explorer 进程必须在相同的特权级别。这是由于在 Internet Explorer 10. 中更安全的 AppContainer 特征的缘故。

警告说明警告

如果您在 Internet Explorer 10 中创建编码的 UI 测试,则使用 Internet Explorer 9 或 Internet Explorer 8 时将可能无法运行。这是因为 Internet Explorer 10 包含 HTML5 控件(如音频、视频、进度条和滑块)。这些 HTML5 控件不会被 Internet Explorer 9 或 Internet Explorer 8 识别。同样,使用 Internet Explorer 9 的编码的 UI 测试可能包括 Internet Explorer 8 不识别的某些 HTML5 控件。

支持的 HTML5 控件

编码的 UI 测试包括对一下 HTML5 的控件的记录、播放以及验证支持:

  • 音频控件

  • 视频控件

  • 滑块控件

  • ProgressBar

音频控件

音频控件: 在 HTML5 音频控件的操作会被正确记录并回放。

HTML5 音频控件

操作

记录

生成的代码

播放音频

直接从控件,或者从控件上下文菜单。

从 00:00:00 播放音频 <名称>

HtmlAudio.Play (时间跨度)

在音频中查找特定的时间

跟踪 <名称> 音频到 00:01:48

HtmlAudio.Seek (时间跨度)

暂停音频

直接从控件,或者从控件上下文菜单。

在 00:01:53 处暂停音频 <名称>

HtmlAudio.Pause (时间跨度)

音频静音

直接从控件,或者从控件上下文菜单。

音频 <名称> 静音

HtmlAudio.Mute()

音频取消静音

直接从控件,或者从控件上下文菜单。

音频 <名称> 取消静音

HtmlAudio.Unmute()

更改音频音量

将音频 <名称> 音量设置为 79%

HtmlAudio.SetVolume (浮点)

以下属性适用于 HtmlAudio,并且您可以为它们所有的添加断言:

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、Name 和 Title。

**筛选器属性:**HtmlAudio 的筛选器属性是 Src、Class、ControlDefinition 和 TagInstance。

说明说明

定位和暂定的时间长度可以非常明显。在播放期间,编码的 UI 测试在暂停音频之前将一直等到 (TimeSpan) 中的指定时间。如果由于由某种特定情况,在暂停之前指定的时间消磨已过去,将引发异常。

视频控件

视频控件: 在 HTML5 视频控件的操作会被正确记录并回放。

HTML5 视频控件

操作

记录

生成的代码

播放视频

直接从控件,或者从控件上下文菜单。

从 00:00:00 播放视频 <名称>

HtmlVideo.Play (时间跨度)

在视频中定位到特定的时间

定位视频 <名称> 到 00:01:48

HtmlVideo.Seek (时间跨度)

暂停视频

直接从控件,或者从控件上下文菜单。

在 00:01:53 处暂停视频 <名称>

HtmlVideo.Pause (时间跨度)

视频静音

直接从控件,或者从控件上下文菜单。

使视频 <名称> 静音

HtmlVideo.Mute()

视频取消静音

直接从控件,或者从控件上下文菜单。

视频 <名称> 取消静音

HtmlVideo.Unmute()

更改视频音量

将视频 <名称> 音量设置为 79%

HtmlAudio 所有属性适用于 HtmlVideo。此外,还可用以下三个属性。断言可以添加到所有的它们之上。

string Poster
string VideoHeight
string VideoWidth

**搜索属性:**HtmlVideo 的搜索属性是 Id、Name 和 Title。

**筛选器属性:**HtmlVideo 的筛选器属性是 Src、Poster、Class、ControlDefinition 和 TagInstance.

说明说明

如果您使用 -30s 或 +30s 标签倒带或快进,视频将聚合定位到适当的时间。

Slider

滑块控件: 在 HTML5 滑块控件的操作会被正确记录并回放。

HTML5 滑块控件

操作

记录

生成的代码

设置滑块的位置

在滑块 <名称> 设置位置为 <x>

HtmlSlider.ValueAsNumber=x<>

以下属性适用于 HtmlSlider,并且可以在它们任何中添加断言:

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

ProgressBar

ProgreesBar(进度条) 控件: 进度条是非顽固性控件。可以添加对此控件的 Value 和 Max 属性的断言。

HTML5 进度条控件

请参见

概念

使用 UI 自动化验证代码

支持编码的 UI 测试和操作录制的配置和平台

其他资源

HTML 元素

创建编码的 UI 测试

自定义编码的 UI 测试