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

   1 import { browser, by, element } from 'protractor'
   2
   3 export class VideoWatchPage {
   4   async goOnVideosList (isMobileDevice: boolean, isSafari: boolean) {
   5     let url: string
   6
   7     // We did not upload a file on a mobile device
   8     if (isMobileDevice === true || isSafari === true) {
   9       url = 'https://peertube2.cpy.re/videos/local'
  10     } else {
  11       url = '/videos/recently-added'
  12     }
  13
  14     await browser.get(url)
  15
  16     // Waiting the following element does not work on Safari...
  17     if (isSafari === true) return browser.sleep(3000)
  18
  19     const elem = element.all(by.css('.videos .video-miniature .video-miniature-name')).first()
  20     return browser.wait(browser.ExpectedConditions.visibilityOf(elem))
  21   }
  22
  23   getVideosListName () {
  24     return element.all(by.css('.videos .video-miniature .video-miniature-name'))
  25                   .getText()
  26                   .then((texts: any) => texts.map(t => t.trim()))
  27   }
  28
  29   waitWatchVideoName (videoName: string, isMobileDevice: boolean, isSafari: boolean) {
  30     // On mobile we display the first node, on desktop the second
  31     const index = isMobileDevice ? 0 : 1
  32
  33     const elem = element.all(by.css('.video-info .video-info-name')).get(index)
  34
  35     if (isSafari) return browser.sleep(5000)
  36
  37     return browser.wait(browser.ExpectedConditions.textToBePresentInElement(elem, videoName))
  38   }
  39
  40   getWatchVideoPlayerCurrentTime () {
  41     return element(by.css('.video-js .vjs-current-time-display'))
  42       .getText()
  43       .then((t: string) => t.split(':')[1])
  44       .then(seconds => parseInt(seconds, 10))
  45   }
  46
  47   async pauseVideo (isAutoplay: boolean, isMobileDevice: boolean) {
  48     if (isAutoplay === false) {
  49       const playButton = element(by.css('.vjs-big-play-button'))
  50       await browser.wait(browser.ExpectedConditions.elementToBeClickable(playButton))
  51       await playButton.click()
  52     }
  53
  54     await browser.sleep(1000)
  55     await browser.wait(browser.ExpectedConditions.invisibilityOf(element(by.css('.vjs-loading-spinner'))))
  56
  57     const videojsEl = element(by.css('div.video-js'))
  58     await browser.wait(browser.ExpectedConditions.elementToBeClickable(videojsEl))
  59
  60     // On Android, we need to click twice on "play" (BrowserStack particularity)
  61     if (isMobileDevice) {
  62       await browser.sleep(3000)
  63       await videojsEl.click()
  64     }
  65
  66     await browser.sleep(7000)
  67
  68     return videojsEl.click()
  69   }
  70
  71   async clickOnVideo (videoName: string) {
  72     const video = element(by.css('.videos .video-miniature .video-thumbnail[title="' + videoName + '"]'))
  73     await browser.wait(browser.ExpectedConditions.elementToBeClickable(video))
  74     await video.click()
  75
  76     await browser.wait(browser.ExpectedConditions.urlContains('/watch/'))
  77   }
  78
  79   async clickOnFirstVideo () {
  80     const video = element.all(by.css('.videos .video-miniature .video-thumbnail')).first()
  81     const videoName = element.all(by.css('.videos .video-miniature .video-miniature-name')).first()
  82
  83     // Don't know why but the expectation fails on Safari
  84     await browser.wait(browser.ExpectedConditions.elementToBeClickable(video))
  85
  86     const textToReturn = videoName.getText()
  87     await video.click()
  88
  89     await browser.wait(browser.ExpectedConditions.urlContains('/watch/'))
  90     return textToReturn
  91   }
  92
  93   async goOnAssociatedEmbed () {
  94     let url = await browser.getCurrentUrl()
  95     url = url.replace('/watch/', '/embed/')
  96     url = url.replace(':3333', ':9001')
  97
  98     return browser.get(url)
  99   }
 100 }