2017-02-28 92 views
1

我是相當新的前端土地,所以容忍我...我有一個嵌入視頻的HTML網頁通過HTML視頻標籤,像這樣:的視頻標籤量角器測試

<video id=... class=...> 
    <source src=... type="video/mp4"> 
</video> 

這視頻在完成播放時重置爲開始。現在我想用量角器來測試這個。目前我可以獲得該元素,但我不知道如何播放/暫停視頻,查看視頻的距離等等,從量角器測試。我可以通過element(by.id('<id>'))獲取元素,我可以像普通的東西一樣看它是否可見,點擊它等等,但不知道如何獲得元素的內容。

UPDATE:

這樣做的問題是,控制由瀏覽器作爲我的視頻標籤所指定「控制」屬性。這意味着播放/暫停按鈕不是DOM的一部分,因此我無法實現它。此外,瀏覽器是發送事件以表示視頻已結束的瀏覽器。因此,爲了讓我測試視頻在結束後重置,我需要點擊沒有列爲DOM對象的播放按鈕。有沒有辦法在不播放視頻的情況下觸發「結束」事件?或者我可以通過將currentTime屬性設置爲duration屬性來觸發它?

回答

0

要播放視頻,你將不得不選擇從「DOM」,而不是視頻標籤「播放」按鈕,按id說元素(by.css(「<的.class播放按鈕>」)) 和如果它存在於isPresent()的回調中,則添加click事件。爲了給出完整的答案,最好在播放視頻時獲得「DOM」的快照。

+0

有沒有辦法讓我獲得打印出來的'DOM'的快照?由於播放按鈕位於視頻標籤內,我無法看到它是什麼類,我不知道如何調用'element(by.css('<播放按鈕>'的類))' – user972276

+0

我嘗試過'element .css('btn btn-default'))',但沒有被發現 – user972276

1

您不能通過選擇器選擇播放/暫停控制,而是您可以自行添加按鈕並向其中添加HTML音頻/視頻事件。這樣你可以自動使用該按鈕。

button.onclick = function() { 
    (videoSelector).play/pause(); 
} 
+0

Thanks @Hawari Abdulla –

0

我發現目前最好的選擇是使用普通的JavaScript來自動執行 暫停,播放等加入如下代碼或者在一個頁面對象或規範的:

browser.executeScript(function() { 
     var video = document.getElementById('video'); 
     video.play(); 
    });