client/e2e/src/videos.e2e-spec.ts

   1 import { browser } from 'protractor'
   2 import { AppPage } from './po/app.po'
   3 import { LoginPage } from './po/login.po'
   4 import { MyAccountPage } from './po/my-account'
   5 import { PlayerPage } from './po/player.po'
   6 import { VideoUpdatePage } from './po/video-update.po'
   7 import { VideoUploadPage } from './po/video-upload.po'
   8 import { VideoWatchPage } from './po/video-watch.po'
   9 import { isIOS, isMobileDevice, isSafari } from './utils'
  10
  11 async function skipIfUploadNotSupported () {
  12   if (await isMobileDevice() || await isSafari()) {
  13     console.log('Skipping because we are on a real device or Safari and BrowserStack does not support file upload.')
  14     return true
  15   }
  16
  17   return false
  18 }
  19
  20 describe('Videos workflow', () => {
  21   let videoWatchPage: VideoWatchPage
  22   let videoUploadPage: VideoUploadPage
  23   let videoUpdatePage: VideoUpdatePage
  24   let myAccountPage: MyAccountPage
  25   let loginPage: LoginPage
  26   let appPage: AppPage
  27   let playerPage: PlayerPage
  28
  29   let videoName = new Date().getTime() + ' video'
  30   const video2Name = new Date().getTime() + ' second video'
  31   const playlistName = new Date().getTime() + ' playlist'
  32   let videoWatchUrl: string
  33
  34   beforeEach(async () => {
  35     videoWatchPage = new VideoWatchPage()
  36     videoUploadPage = new VideoUploadPage()
  37     videoUpdatePage = new VideoUpdatePage()
  38     myAccountPage = new MyAccountPage()
  39     loginPage = new LoginPage()
  40     appPage = new AppPage()
  41     playerPage = new PlayerPage()
  42
  43     if (await isIOS()) {
  44       // iOS does not seem to work with protractor
  45       // https://github.com/angular/protractor/issues/2840
  46       browser.waitForAngularEnabled(false)
  47
  48       console.log('iOS detected')
  49     } else if (await isMobileDevice()) {
  50       console.log('Android detected.')
  51     } else if (await isSafari()) {
  52       console.log('Safari detected.')
  53     }
  54
  55     if (!await isMobileDevice()) {
  56       await browser.driver.manage().window().maximize()
  57     }
  58   })
  59
  60   it('Should log in', async () => {
  61     if (await isMobileDevice() || await isSafari()) {
  62       console.log('Skipping because we are on a real device or Safari and BrowserStack does not support file upload.')
  63       return
  64     }
  65
  66     return loginPage.loginAsRootUser()
  67   })
  68
  69   it('Should close the welcome modal', async () => {
  70     if (await skipIfUploadNotSupported()) return
  71
  72     await appPage.closeWelcomeModal()
  73   })
  74
  75   it('Should upload a video', async () => {
  76     if (await skipIfUploadNotSupported()) return
  77
  78     await videoUploadPage.navigateTo()
  79
  80     await videoUploadPage.uploadVideo()
  81     return videoUploadPage.validSecondUploadStep(videoName)
  82   })
  83
  84   it('Should list videos', async () => {
  85     await videoWatchPage.goOnVideosList(await isMobileDevice(), await isSafari())
  86
  87     if (await skipIfUploadNotSupported()) return
  88
  89     const videoNames = videoWatchPage.getVideosListName()
  90     expect(videoNames).toContain(videoName)
  91   })
  92
  93   it('Should go on video watch page', async () => {
  94     let videoNameToExcept = videoName
  95
  96     if (await isMobileDevice() || await isSafari()) {
  97       await browser.get('https://peertube2.cpy.re/videos/watch/122d093a-1ede-43bd-bd34-59d2931ffc5e')
  98       videoNameToExcept = 'E2E tests'
  99     } else {
 100       await videoWatchPage.clickOnVideo(videoName)
 101     }
 102
 103     return videoWatchPage.waitWatchVideoName(videoNameToExcept, await isMobileDevice(), await isSafari())
 104   })
 105
 106   it('Should play the video', async () => {
 107     videoWatchUrl = await browser.getCurrentUrl()
 108
 109     await playerPage.playAndPauseVideo(true)
 110     expect(playerPage.getWatchVideoPlayerCurrentTime()).toBeGreaterThanOrEqual(2)
 111   })
 112
 113   it('Should watch the associated embed video', async () => {
 114     const oldValue = await browser.waitForAngularEnabled()
 115     await browser.waitForAngularEnabled(false)
 116
 117     await videoWatchPage.goOnAssociatedEmbed()
 118
 119     await playerPage.playAndPauseVideo(false)
 120     expect(playerPage.getWatchVideoPlayerCurrentTime()).toBeGreaterThanOrEqual(2)
 121
 122     await browser.waitForAngularEnabled(oldValue)
 123   })
 124
 125   it('Should watch the p2p media loader embed video', async () => {
 126     const oldValue = await browser.waitForAngularEnabled()
 127     await browser.waitForAngularEnabled(false)
 128
 129     await videoWatchPage.goOnP2PMediaLoaderEmbed()
 130
 131     await playerPage.playAndPauseVideo(false)
 132     expect(playerPage.getWatchVideoPlayerCurrentTime()).toBeGreaterThanOrEqual(2)
 133
 134     await browser.waitForAngularEnabled(oldValue)
 135   })
 136
 137   it('Should update the video', async () => {
 138     if (await skipIfUploadNotSupported()) return
 139
 140     await browser.get(videoWatchUrl)
 141
 142     await videoWatchPage.clickOnUpdate()
 143
 144     videoName += ' updated'
 145     await videoUpdatePage.updateName(videoName)
 146
 147     await videoUpdatePage.validUpdate()
 148
 149     const name = await videoWatchPage.getVideoName()
 150     expect(name).toEqual(videoName)
 151   })
 152
 153   it('Should add the video in my playlist', async () => {
 154     if (await skipIfUploadNotSupported()) return
 155
 156     await videoWatchPage.clickOnSave()
 157
 158     await videoWatchPage.createPlaylist(playlistName)
 159
 160     await videoWatchPage.saveToPlaylist(playlistName)
 161
 162     await videoUploadPage.navigateTo()
 163
 164     await videoUploadPage.uploadVideo()
 165     await videoUploadPage.validSecondUploadStep(video2Name)
 166
 167     await videoWatchPage.clickOnSave()
 168     await videoWatchPage.saveToPlaylist(playlistName)
 169   })
 170
 171   it('Should have the playlist in my account', async () => {
 172     if (await skipIfUploadNotSupported()) return
 173
 174     await myAccountPage.navigateToMyPlaylists()
 175
 176     const videosNumberText = await myAccountPage.getPlaylistVideosText(playlistName)
 177     expect(videosNumberText).toEqual('2 videos')
 178
 179     await myAccountPage.clickOnPlaylist(playlistName)
 180
 181     const count = await myAccountPage.countTotalPlaylistElements()
 182     expect(count).toEqual(2)
 183   })
 184
 185   it('Should watch the playlist', async () => {
 186     if (await skipIfUploadNotSupported()) return
 187
 188     await myAccountPage.playPlaylist()
 189
 190     const oldValue = await browser.waitForAngularEnabled()
 191     await browser.waitForAngularEnabled(false)
 192
 193     await videoWatchPage.waitUntilVideoName(video2Name, 20000 * 1000)
 194
 195     await browser.waitForAngularEnabled(oldValue)
 196   })
 197
 198   it('Should watch the webtorrent playlist in the embed', async () => {
 199     if (await skipIfUploadNotSupported()) return
 200
 201     const accessToken = await browser.executeScript(`return window.localStorage.getItem('access_token');`)
 202     const refreshToken = await browser.executeScript(`return window.localStorage.getItem('refresh_token');`)
 203
 204     const oldValue = await browser.waitForAngularEnabled()
 205     await browser.waitForAngularEnabled(false)
 206
 207     await myAccountPage.goOnAssociatedPlaylistEmbed()
 208
 209     await browser.executeScript(`window.localStorage.setItem('access_token', '${accessToken}');`)
 210     await browser.executeScript(`window.localStorage.setItem('refresh_token', '${refreshToken}');`)
 211     await browser.executeScript(`window.localStorage.setItem('token_type', 'Bearer');`)
 212
 213     await browser.refresh()
 214
 215     await playerPage.playVideo()
 216
 217     await playerPage.waitUntilPlaylistInfo('2/2')
 218
 219     await browser.waitForAngularEnabled(oldValue)
 220   })
 221
 222   it('Should watch the HLS playlist in the embed', async () => {
 223     const oldValue = await browser.waitForAngularEnabled()
 224     await browser.waitForAngularEnabled(false)
 225
 226     await videoWatchPage.goOnP2PMediaLoaderPlaylistEmbed()
 227
 228     await playerPage.playVideo()
 229
 230     await playerPage.waitUntilPlaylistInfo('2/2')
 231
 232     await browser.waitForAngularEnabled(oldValue)
 233   })
 234
 235   it('Should delete the video 2', async () => {
 236     if (await skipIfUploadNotSupported()) return
 237
 238     // Go to the dev website
 239     await browser.get(videoWatchUrl)
 240
 241     await myAccountPage.navigateToMyVideos()
 242
 243     await myAccountPage.removeVideo(video2Name)
 244     await myAccountPage.validRemove()
 245
 246     const count = await myAccountPage.countVideos([ videoName, video2Name ])
 247     expect(count).toEqual(1)
 248   })
 249
 250   it('Should delete the first video', async () => {
 251     if (await skipIfUploadNotSupported()) return
 252
 253     await myAccountPage.removeVideo(videoName)
 254     await myAccountPage.validRemove()
 255   })
 256 })