client/e2e/src/po/video-watch.po.ts

   1 import { by, element, browser } from 'protractor'
   2
   3 export class VideoWatchPage {
   4   async goOnRecentlyAdded () {
   5     const url = '/videos/recently-added'
   6
   7     await browser.get(url)
   8     return browser.wait(browser.ExpectedConditions.elementToBeClickable(element(this.getFirstVideoListSelector())))
   9   }
  10
  11   getVideosListName () {
  12     return element.all(this.getFirstVideoListSelector()).getText()
  13   }
  14
  15   waitWatchVideoName (videoName: string) {
  16     const elem = element(by.css('.video-info .video-info-name'))
  17     return browser.wait(browser.ExpectedConditions.textToBePresentInElement(elem, videoName))
  18   }
  19
  20   getWatchVideoPlayerCurrentTime () {
  21     return element(by.css('.video-js .vjs-current-time-display'))
  22       .getText()
  23       .then((t: string) => t.split(':')[1])
  24       .then(seconds => parseInt(seconds, 10))
  25   }
  26
  27   async pauseVideo (pauseAfterMs: number) {
  28     await browser.wait(browser.ExpectedConditions.invisibilityOf(element(by.css('.vjs-loading-spinner'))))
  29
  30     const el = element(by.css('div.video-js'))
  31     await browser.wait(browser.ExpectedConditions.elementToBeClickable(el))
  32
  33     await browser.sleep(pauseAfterMs)
  34
  35     return el.click()
  36   }
  37
  38   async clickOnVideo (videoName: string) {
  39     const video = element(by.css('.videos .video-miniature .video-thumbnail[title="' + videoName + '"]'))
  40
  41     await video.click()
  42
  43     await browser.wait(browser.ExpectedConditions.urlContains('/watch/'))
  44   }
  45
  46   private getFirstVideoListSelector () {
  47     return by.css('.videos .video-miniature-name')
  48   }
  49 }