1 import { browser, by, element } from 'protractor'
2 import { FileDetector } from 'selenium-webdriver/remote'
3 import { join } from 'path'
5 export class VideoUploadPage {
7 await element(by.css('.header .publish-button')).click()
9 return browser.wait(browser.ExpectedConditions.visibilityOf(element(by.css('.upload-video-container'))))
12 async uploadVideo () {
13 browser.setFileDetector(new FileDetector())
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'
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'`)
23 await browser.sleep(1000)
25 const elem = element(by.css(fileInputSelector))
26 await elem.sendKeys(fileToUpload)
28 // Wait for the upload to finish
29 await browser.wait(async () => {
30 const actionButton = this.getSecondStepSubmitButton().element(by.css('.action-button'))
32 const klass = await actionButton.getAttribute('class')
33 return !klass.includes('disabled')
37 async validSecondUploadStep (videoName: string) {
38 const nameInput = element(by.css('input#name'))
39 await nameInput.clear()
40 await nameInput.sendKeys(videoName)
42 await this.getSecondStepSubmitButton().click()
44 return browser.wait(browser.ExpectedConditions.urlContains('/w/'))
47 private getSecondStepSubmitButton () {
48 return element(by.css('.submit-container my-button'))