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

   1 import { browser, by, element } from 'protractor'
   2 import { FileDetector } from 'selenium-webdriver/remote'
   3 import { join } from 'path'
   4
   5 export class VideoUploadPage {
   6   async navigateTo () {
   7     await element(by.css('.header .upload-button')).click()
   8
   9     return browser.wait(browser.ExpectedConditions.visibilityOf(element(by.css('.upload-video-container'))))
  10   }
  11
  12   async uploadVideo () {
  13     browser.setFileDetector(new FileDetector())
  14
  15     const fileToUpload = join(__dirname, '../../fixtures/video.mp4')
  16     const fileInputSelector = '.upload-video-container input[type=file]'
  17     const parentFileInput = '.upload-video-container .button-file'
  18
  19     // Avoid sending keys on non visible element
  20     await browser.executeScript(`document.querySelector('${fileInputSelector}').style.opacity = 1`)
  21     await browser.executeScript(`document.querySelector('${parentFileInput}').style.overflow = 'initial'`)
  22
  23     await browser.sleep(1000)
  24
  25     const elem = element(by.css(fileInputSelector))
  26     await elem.sendKeys(fileToUpload)
  27
  28     // Wait for the upload to finish
  29     await browser.wait(browser.ExpectedConditions.elementToBeClickable(this.getSecondStepSubmitButton()))
  30   }
  31
  32   async validSecondUploadStep (videoName: string) {
  33     const nameInput = element(by.css('input#name'))
  34     await nameInput.clear()
  35     await nameInput.sendKeys(videoName)
  36
  37     await this.getSecondStepSubmitButton().click()
  38
  39     return browser.wait(browser.ExpectedConditions.urlContains('/watch/'))
  40   }
  41
  42   private getSecondStepSubmitButton () {
  43     return element(by.css('.submit-button:not(.disabled) input'))
  44   }
  45 }