1 import { browser, by, element } from 'protractor'
2 import { browserSleep, isIOS, isMobileDevice, isSafari } from '../utils'
4 export class PlayerPage {
6 getWatchVideoPlayerCurrentTime () {
7 return element(by.css('.video-js .vjs-current-time-display'))
9 .then((t: string) => t.split(':')[1])
10 .then(seconds => parseInt(seconds, 10))
13 waitUntilPlaylistInfo (text: string) {
14 const elem = element(by.css('.video-js .vjs-playlist-info'))
16 return browser.wait(browser.ExpectedConditions.textToBePresentInElement(elem, text))
19 async playAndPauseVideo (isAutoplay: boolean) {
20 const videojsEl = element(by.css('div.video-js'))
21 await browser.wait(browser.ExpectedConditions.elementToBeClickable(videojsEl))
23 // Autoplay is disabled on iOS and Safari
24 if (await isIOS() || await isSafari() || await isMobileDevice()) {
25 // We can't play the video using protractor if it is not muted
26 await browser.executeScript(`document.querySelector('video').muted = true`)
27 await this.clickOnPlayButton()
28 } else if (isAutoplay === false) {
29 await this.clickOnPlayButton()
32 await browserSleep(2000)
33 await browser.wait(browser.ExpectedConditions.invisibilityOf(element(by.css('.vjs-loading-spinner'))))
35 await browserSleep(2000)
37 await videojsEl.click()
41 return this.clickOnPlayButton()
44 private async clickOnPlayButton () {
45 const playButton = element(by.css('.vjs-big-play-button'))
46 await browser.wait(browser.ExpectedConditions.elementToBeClickable(playButton))
47 await playButton.click()