client/e2e/src/po/player.po.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

import { browser, by, element, ExpectedConditions } from 'protractor'
import { browserSleep, isIOS, isMobileDevice } from '../utils'

export class PlayerPage {

  getWatchVideoPlayerCurrentTime () {
    return element(by.css('.video-js .vjs-current-time-display'))
      .getText()
      .then((t: string) => t.split(':')[1])
      .then(seconds => parseInt(seconds, 10))
  }

  waitUntilPlaylistInfo (text: string) {
    const elem = element(by.css('.video-js .vjs-playlist-info'))

    return browser.wait(browser.ExpectedConditions.textToBePresentInElement(elem, text))
  }

  async playAndPauseVideo (isAutoplay: boolean) {
    // Autoplay is disabled on iOS
    if (isAutoplay === false || await isIOS()) {
      await this.clickOnPlayButton()
    }

    await browserSleep(2000)
    await browser.wait(browser.ExpectedConditions.invisibilityOf(element(by.css('.vjs-loading-spinner'))))

    const videojsEl = element(by.css('div.video-js'))
    await browser.wait(browser.ExpectedConditions.elementToBeClickable(videojsEl))

    // On Android, we need to click twice on "play" (BrowserStack particularity)
    if (await isMobileDevice()) {
      await browserSleep(5000)

      await videojsEl.click()
    }

    browser.ignoreSynchronization = false
    await browserSleep(7000)
    browser.ignoreSynchronization = true

    await videojsEl.click()
  }

  async playVideo () {
    return this.clickOnPlayButton()
  }

  private async clickOnPlayButton () {
    const playButton = element(by.css('.vjs-big-play-button'))
    await browser.wait(browser.ExpectedConditions.elementToBeClickable(playButton))
    await playButton.click()
  }
}