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

   1 import { browserSleep, FIXTURE_URLS, go } from '../utils'
   2
   3 export class VideoWatchPage {
   4
   5   constructor (private isMobileDevice: boolean, private isSafari: boolean) {
   6
   7   }
   8
   9   waitWatchVideoName (videoName: string) {
  10     if (this.isSafari) return browserSleep(5000)
  11
  12     // On mobile we display the first node, on desktop the second
  13     const index = this.isMobileDevice ? 0 : 1
  14
  15     return browser.waitUntil(async () => {
  16       return (await $$('.video-info .video-info-name')[index].getText()).includes(videoName)
  17     })
  18   }
  19
  20   getVideoName () {
  21     return this.getVideoNameElement().then(e => e.getText())
  22   }
  23
  24   getPrivacy () {
  25     return $('.attribute-privacy .attribute-value').getText()
  26   }
  27
  28   getLicence () {
  29     return $('.attribute-licence .attribute-value').getText()
  30   }
  31
  32   async isDownloadEnabled () {
  33     await this.clickOnMoreDropdownIcon()
  34
  35     return $('.dropdown-item .icon-download').isExisting()
  36   }
  37
  38   areCommentsEnabled () {
  39     return $('my-video-comment-add').isExisting()
  40   }
  41
  42   isPrivacyWarningDisplayed () {
  43     return $('my-privacy-concerns').isDisplayed()
  44   }
  45
  46   async goOnAssociatedEmbed () {
  47     let url = await browser.getUrl()
  48     url = url.replace('/w/', '/videos/embed/')
  49     url = url.replace(':3333', ':9001')
  50
  51     await go(url)
  52     await $('.vjs-big-play-button').waitForDisplayed()
  53   }
  54
  55   isEmbedWarningDisplayed () {
  56     return $('.peertube-dock-description').isDisplayed()
  57   }
  58
  59   goOnP2PMediaLoaderEmbed () {
  60     return go(FIXTURE_URLS.HLS_EMBED)
  61   }
  62
  63   goOnP2PMediaLoaderPlaylistEmbed () {
  64     return go(FIXTURE_URLS.HLS_PLAYLIST_EMBED)
  65   }
  66
  67   async clickOnUpdate () {
  68     await this.clickOnMoreDropdownIcon()
  69
  70     const items = await $$('.dropdown-menu.show .dropdown-item')
  71
  72     for (const item of items) {
  73       const href = await item.getAttribute('href')
  74
  75       if (href?.includes('/update/')) {
  76         await item.click()
  77         return
  78       }
  79     }
  80   }
  81
  82   clickOnSave () {
  83     return $('.action-button-save').click()
  84   }
  85
  86   async createPlaylist (name: string) {
  87     const newPlaylistButton = () => $('.new-playlist-button')
  88
  89     await newPlaylistButton().waitForClickable()
  90     await newPlaylistButton().click()
  91
  92     const displayName = () => $('#displayName')
  93
  94     await displayName().waitForDisplayed()
  95     await displayName().setValue(name)
  96
  97     return $('.new-playlist-block input[type=submit]').click()
  98   }
  99
 100   async saveToPlaylist (name: string) {
 101     const playlist = () => $('my-video-add-to-playlist').$(`.playlist=${name}`)
 102
 103     await playlist().waitForDisplayed()
 104
 105     return playlist().click()
 106   }
 107
 108   waitUntilVideoName (name: string, maxTime: number) {
 109     return browser.waitUntil(async () => {
 110       return (await this.getVideoName()) === name
 111     }, { timeout: maxTime })
 112   }
 113
 114   async clickOnMoreDropdownIcon () {
 115     const dropdown = $('my-video-actions-dropdown .action-button')
 116     await dropdown.click()
 117
 118     await $('.dropdown-menu.show .dropdown-item').waitForDisplayed()
 119   }
 120
 121   private async getVideoNameElement () {
 122     // We have 2 video info name block, pick the first that is not empty
 123     const elem = async () => {
 124       const elems = await $$('.video-info-first-row .video-info-name').filter(e => e.isDisplayed())
 125
 126       return elems[0]
 127     }
 128
 129     await browser.waitUntil(async () => {
 130       const e = await elem()
 131
 132       return e?.isDisplayed()
 133     })
 134
 135     return elem()
 136   }
 137 }