1 import { browser, by, element } from 'protractor'
2 import { browserSleep, isIOS, isMobileDevice, isSafari } from '../utils'
4 export class PlayerPage {
6 async getWatchVideoPlayerCurrentTime () {
7 const elem = element(by.css('video'))
9 return elem.getAttribute('currentTime')
12 waitUntilPlaylistInfo (text: string) {
13 const elem = element(by.css('.video-js .vjs-playlist-info'))
15 return browser.wait(browser.ExpectedConditions.textToBePresentInElement(elem, text))
18 waitUntilPlayerWrapper () {
19 const elem = element(by.css('#placeholder-preview'))
21 return browser.wait(browser.ExpectedConditions.presenceOf(elem))
24 async playAndPauseVideo (isAutoplay: boolean) {
25 const videojsEl = element(by.css('div.video-js'))
26 await browser.wait(browser.ExpectedConditions.elementToBeClickable(videojsEl))
28 // Autoplay is disabled on iOS and Safari
29 if (await isIOS() || await isSafari() || await isMobileDevice()) {
30 // We can't play the video using protractor if it is not muted
31 await browser.executeScript(`document.querySelector('video').muted = true`)
32 await this.clickOnPlayButton()
33 } else if (isAutoplay === false) {
34 await this.clickOnPlayButton()
37 await browserSleep(2000)
38 await browser.wait(browser.ExpectedConditions.invisibilityOf(element(by.css('.vjs-loading-spinner'))))
40 await browserSleep(2000)
42 await videojsEl.click()
46 return this.clickOnPlayButton()
49 private async clickOnPlayButton () {
50 const playButton = element(by.css('.vjs-big-play-button'))
51 await browser.wait(browser.ExpectedConditions.elementToBeClickable(playButton))
52 await playButton.click()