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 playerPage.waitUntilPlayerWrapper()
 210
 211     console.log('Will set %s and %s tokens in local storage.', accessToken, refreshToken)
 212
 213     await browser.executeScript(`window.localStorage.setItem('access_token', '${accessToken}');`)
 214     await browser.executeScript(`window.localStorage.setItem('refresh_token', '${refreshToken}');`)
 215     await browser.executeScript(`window.localStorage.setItem('token_type', 'Bearer');`)
 216
 217     await browser.refresh()
 218
 219     await playerPage.playVideo()
 220
 221     await playerPage.waitUntilPlaylistInfo('2/2')
 222
 223     await browser.waitForAngularEnabled(oldValue)
 224   })
 225
 226   it('Should watch the HLS playlist in the embed', async () => {
 227     const oldValue = await browser.waitForAngularEnabled()
 228     await browser.waitForAngularEnabled(false)
 229
 230     await videoWatchPage.goOnP2PMediaLoaderPlaylistEmbed()
 231
 232     await playerPage.playVideo()
 233
 234     await playerPage.waitUntilPlaylistInfo('2/2')
 235
 236     await browser.waitForAngularEnabled(oldValue)
 237   })
 238
 239   it('Should delete the video 2', async () => {
 240     if (await skipIfUploadNotSupported()) return
 241
 242     // Go to the dev website
 243     await browser.get(videoWatchUrl)
 244
 245     await myAccountPage.navigateToMyVideos()
 246
 247     await myAccountPage.removeVideo(video2Name)
 248     await myAccountPage.validRemove()
 249
 250     const count = await myAccountPage.countVideos([ videoName, video2Name ])
 251     expect(count).toEqual(1)
 252   })
 253
 254   it('Should delete the first video', async () => {
 255     if (await skipIfUploadNotSupported()) return
 256
 257     await myAccountPage.removeVideo(videoName)
 258     await myAccountPage.validRemove()
 259   })
 260 })