3 files changed, 134 insertions, 1 deletions

diff --git a/client/e2e/src/po/my-account.ts b/client/e2e/src/po/my-account.ts
new file mode 100644
index 000000000..e49372983
--- /dev/null
+++ b/client/e2e/src/po/my-account.ts
@@ -0,0 +1,72 @@
+import { by, element } from 'protractor'
+
+export class MyAccountPage {
+
+  navigateToMyVideos () {
+    return element(by.css('a[href="/my-account/videos"]')).click()
+  }
+
+  navigateToMyPlaylists () {
+    return element(by.css('a[href="/my-account/video-playlists"]')).click()
+  }
+
+  navigateToMyHistory () {
+    return element(by.css('a[href="/my-account/history/videos"]')).click()
+  }
+
+  // My account Videos
+
+  getLastVideoName () {
+    return this.getAllVideoNameElements().first().getText()
+  }
+
+  removeLastVideo () {
+    return this.getLastVideoElement().element(by.css('my-delete-button')).click()
+  }
+
+  validRemove () {
+    return element(by.css('.action-button-submit')).click()
+  }
+
+  countVideos () {
+    return this.getAllVideoNameElements().count()
+  }
+
+  // My account playlists
+
+  getLastUpdatedPlaylistName () {
+    return this.getLastUpdatedPlaylist().element(by.css('.miniature-name')).getText()
+  }
+
+  getLastUpdatedPlaylistVideosText () {
+    return this.getLastUpdatedPlaylist().element(by.css('.miniature-playlist-info-overlay')).getText()
+  }
+
+  clickOnLastUpdatedPlaylist () {
+    return this.getLastUpdatedPlaylist().element(by.css('.miniature-thumbnail')).click()
+  }
+
+  countTotalPlaylistElements () {
+    return element.all(by.css('my-video-playlist-element-miniature')).count()
+  }
+
+  playPlaylist () {
+    return element(by.css('.playlist-info .miniature-thumbnail')).click()
+  }
+
+  // My account Videos
+
+  private getLastVideoElement () {
+    return element.all(by.css('.video')).first()
+  }
+
+  private getAllVideoNameElements () {
+    return element.all(by.css('.video-miniature-name'))
+  }
+
+  // My account playlists
+
+  private getLastUpdatedPlaylist () {
+    return element.all(by.css('my-video-playlist-miniature')).first()
+  }
+}
diff --git a/client/e2e/src/po/video-update.po.ts b/client/e2e/src/po/video-update.po.ts
new file mode 100644
index 000000000..4de3b1b1d
--- /dev/null
+++ b/client/e2e/src/po/video-update.po.ts
@@ -0,0 +1,20 @@
+import { by, element } from 'protractor'
+
+export class VideoUpdatePage {
+
+  async updateName (videoName: string) {
+    const nameInput = element(by.css('input#name'))
+    await nameInput.clear()
+    await nameInput.sendKeys(videoName)
+  }
+
+  async validUpdate () {
+    const submitButton = await this.getSubmitButton()
+
+    return submitButton.click()
+  }
+
+  private getSubmitButton () {
+    return element(by.css('.submit-button:not(.disabled) input'))
+  }
+}
diff --git a/client/e2e/src/po/video-watch.po.ts b/client/e2e/src/po/video-watch.po.ts
index 5f61d5668..9bb0a3919 100644
--- a/client/e2e/src/po/video-watch.po.ts
+++ b/client/e2e/src/po/video-watch.po.ts
@@ -1,4 +1,4 @@
-import { browser, by, element } from 'protractor'
+import { browser, by, element, ElementFinder, ExpectedConditions } from 'protractor'
 
 export class VideoWatchPage {
   async goOnVideosList (isMobileDevice: boolean, isSafari: boolean) {
@@ -44,6 +44,10 @@ export class VideoWatchPage {
       .then(seconds => parseInt(seconds, 10))
   }
 
+  getVideoName () {
+    return this.getVideoNameElement().getText()
+  }
+
   async playAndPauseVideo (isAutoplay: boolean, isMobileDevice: boolean) {
     if (isAutoplay === false) {
       const playButton = element(by.css('.vjs-big-play-button'))
@@ -101,4 +105,41 @@ export class VideoWatchPage {
   async goOnP2PMediaLoaderEmbed () {
     return browser.get('https://peertube2.cpy.re/videos/embed/969bf103-7818-43b5-94a0-de159e13de50?mode=p2p-media-loader')
   }
+
+  async clickOnUpdate () {
+    const dropdown = element(by.css('my-video-actions-dropdown .action-button'))
+    await dropdown.click()
+
+    const items: ElementFinder[] = await element.all(by.css('my-video-actions-dropdown .dropdown-menu .dropdown-item'))
+
+    for (const item of items) {
+      const href = await item.getAttribute('href')
+
+      if (href && href.includes('/update/')) {
+        await item.click()
+        return
+      }
+    }
+  }
+
+  async clickOnSave () {
+    return element(by.css('.action-button-save')).click()
+  }
+
+  async saveToWatchLater () {
+    return element.all(by.css('my-video-add-to-playlist .playlist')).first().click()
+  }
+
+  waitUntilVideoName (name: string, maxTime: number) {
+    const elem = this.getVideoNameElement()
+
+    return browser.wait(ExpectedConditions.textToBePresentInElement(elem, name), maxTime)
+  }
+
+  private getVideoNameElement () {
+    // We have 2 video info name block, pick the first that is not empty
+    return element.all(by.css('.video-bottom .video-info-name'))
+                  .filter(e => e.getText().then(t => !!t))
+                  .first()
+  }
 }