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

   1 import { by, element, browser } from 'protractor'
   2
   3 export class VideoWatchPage {
   4   async goOnVideosList (isIphoneDevice: boolean) {
   5     let url: string
   6
   7     if (isIphoneDevice === true) {
   8       // Local testing is buggy :/
   9       url = 'https://peertube2.cpy.re/videos/local'
  10     } else {
  11       url = '/videos/recently-added'
  12     }
  13
  14     await browser.get(url)
  15     return browser.wait(browser.ExpectedConditions.elementToBeClickable(element(this.getFirstVideoListSelector())))
  16   }
  17
  18   getVideosListName () {
  19     return element.all(this.getFirstVideoListSelector())
  20                   .getText()
  21                   .then((texts: any) => texts.map(t => t.trim()))
  22   }
  23
  24   waitWatchVideoName (videoName: string) {
  25     const elem = element(by.css('.video-info .video-info-name'))
  26     return browser.wait(browser.ExpectedConditions.textToBePresentInElement(elem, videoName))
  27   }
  28
  29   getWatchVideoPlayerCurrentTime () {
  30     return element(by.css('.video-js .vjs-current-time-display'))
  31       .getText()
  32       .then((t: string) => t.split(':')[1])
  33       .then(seconds => parseInt(seconds, 10))
  34   }
  35
  36   async pauseVideo (pauseAfterMs: number, isMobileDevice: boolean, isIphoneDevice: boolean) {
  37     if (isMobileDevice === true) {
  38       if (isIphoneDevice === false) {
  39         const playButton = element(by.css('.vjs-big-play-button'))
  40         await browser.wait(browser.ExpectedConditions.elementToBeClickable(playButton))
  41         await playButton.click()
  42       } else {
  43         const playButton = element(by.css('video'))
  44         await browser.wait(browser.ExpectedConditions.elementToBeClickable(playButton))
  45         await playButton.click()
  46       }
  47     }
  48
  49     await browser.wait(browser.ExpectedConditions.invisibilityOf(element(by.css('.vjs-loading-spinner'))))
  50
  51     const el = element(by.css('div.video-js'))
  52     await browser.wait(browser.ExpectedConditions.elementToBeClickable(el))
  53
  54     await browser.sleep(pauseAfterMs)
  55
  56     if (isIphoneDevice === true) {
  57       // document.webkitCancelFullScreen()
  58     } else {
  59       return el.click()
  60     }
  61   }
  62
  63   async clickOnVideo (videoName: string) {
  64     const video = element(by.css('.videos .video-miniature .video-thumbnail[title="' + videoName + '"]'))
  65     await browser.wait(browser.ExpectedConditions.elementToBeClickable(video))
  66     await video.click()
  67
  68     await browser.wait(browser.ExpectedConditions.urlContains('/watch/'))
  69   }
  70
  71   async clickOnFirstVideo () {
  72     const video = element(by.css('.videos .video-miniature:first-child .video-miniature-name'))
  73     await browser.wait(browser.ExpectedConditions.elementToBeClickable(video))
  74     const textToReturn = video.getText()
  75
  76     await video.click()
  77
  78     await browser.wait(browser.ExpectedConditions.urlContains('/watch/'))
  79     return textToReturn
  80   }
  81
  82   private getFirstVideoListSelector () {
  83     return by.css('.videos .video-miniature-name')
  84   }
  85 }