共用方式為


在自動程式碼 UI 測試中使用 HTML5 控制項

自動程式碼 UI 測試支援部分的 HTML5 控制項包含在 Internet Explorer 9 和 Internet Explorer 10中。

需求

  • Visual Studio Ultimate, Visual Studio Premium

警告

在 Internet Explorer 10 之前的版本中,比較有可能對一個更高的權限層級的自動程式碼 UI 測試與 Internet Explorer 處理序。當執行程式碼在 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 控制項,例如,音效、視訊, ProgressBar 和滑桿。這些 HTML5 控制項Internet Explorer 9 或 Internet Explorer 8辨識不出來。同樣地,您可以使用 Internet Explorer 9 可能包含一些 HTML5 的自動程式碼 UI 測試控制項,Internet Explorer 8. 也無法辨識。

支援的HTML5 控制項

自動程式碼 UI 測試支援資料記錄、 HTML5 控制播放和驗證:

  • Audio 控制項

  • Video 控制項

  • Slider

  • ProgressBar

Hh532149.collapse_all(zh-tw,VS.110).gifAudio 控制項

HTML5 的音訊控制項 動作可以正確記錄和播放。

HTML5 Audio 控制項

動作

錄製

產生的程式碼

播放音效

直接從控制項,或從控制項內容功能表。

從00:00:00 播放的 <name> 音訊

HtmlAudio.Play (TimeSpan)

搜尋特定時間的音效

搜尋00:01:48的 <name> 音訊

HtmlAudio.Seek (TimeSpan)

暫停音效

直接從控制項,或從控制項內容功能表。

將滑鼠指標停留在<name> 音訊的00:01: 53

HtmlAudio.Pause (TimeSpan)

靜音

直接從控制項,或從控制項內容功能表。

關閉 <name> 音效

HtmlAudio.Mute()

開啟音效

直接從控制項,或從控制項內容功能表。

開啟<name> 音效

HtmlAudio.Unmute()

變更音效的音量。

設定 <name> 音訊的音量為 79%。

HtmlAudio.SetVolume (float)

下列屬性可於 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) 的指定時間暫停之前音訊。如果由某些特殊情況,在經過指定的時間前暫停指令,會擲回例外狀況。

Hh532149.collapse_all(zh-tw,VS.110).gifVideo 控制項

視訊控制項: HTML5 的視訊控制項動作正確記錄和播放。

HTML5 Video 控制項

動作

錄製

產生的程式碼

播放視訊

直接從控制項,或從控制項內容功能表。

從 00:00:00播放 <name> 視訊

HtmlVideo.Play (TimeSpan)

搜尋特定時間的影片

搜尋 00:01: 48的 <name> 視訊

HtmlVideo.Seek (TimeSpan)

暫停視訊

直接從控制項,或從控制項內容功能表。

在 00:01: 53暫停 <name> 視訊

HtmlVideo.Pause (TimeSpan)

啞影片

直接從控制項,或從控制項內容功能表。

靜音 <name> 影片

HtmlVideo.Mute()

取消影片靜音

直接從控制項,或從控制項內容功能表。

取消<name> 影片靜音

HtmlVideo.Unmute()

變更視訊的音量。

設定 <name> 視訊的音量為 79%。

HtmlAudio 所有屬性為 HtmlVideo 可用。 此外,下列三個屬性也可以。 判斷提示可在所有地方加入。

string Poster
string VideoHeight
string VideoWidth

搜尋屬性: HtmlVideo 的搜尋屬性是 Id、 Name 和 Title。

篩選條件屬性:HtmlVideo的 篩選條件為Src, Poster, Class, ControlDefinition和 TagInstance.

注意事項注意事項

使用-30秒 或 +30秒 標籤,會回溯或向前快轉視訊,這會彙總搜尋到適當的時間。

Hh532149.collapse_all(zh-tw,VS.110).gifSlider

滑桿控制項: HTML5 滑桿控制項動作會正確記錄和播放。

HTML5 Slider 控制項

動作

錄製

產生的程式碼

設定滑桿上的位置。

將位置設定為 <x> 在 <name> 滑桿

HtmlSlider.ValueAsNumber=<x>

下列屬性可於 HtmlSlider 可用,並在所有地方皆可加入判斷提示

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

Hh532149.collapse_all(zh-tw,VS.110).gifProgressBar

ProgreesBar 控制項: ProgressBar 是非 interactable的控制項。 您可以增加控制項 Value 和 Max 屬性的判斷提示。

HTML5 ProgressBar 控制項

請參閱

概念

使用自動程式碼使用者介面測試來驗證程式碼

自動程式碼 UI 測試和動作記錄的支援組態和平台

其他資源

HTML 項目

建立自動程式碼 UI 測試

自訂您的自動程式碼 UI 測試