import { browser, by, element, ElementFinder, ExpectedConditions } from 'protractor'
+import { browserSleep, isMobileDevice } from '../utils'
export class VideoWatchPage {
async goOnVideosList (isMobileDevice: boolean, isSafari: boolean) {
url = '/videos/recently-added'
}
- await browser.get(url)
+ await browser.get(url, 20000)
// Waiting the following element does not work on Safari...
- if (isSafari === true) return browser.sleep(3000)
+ if (isSafari) return browserSleep(3000)
const elem = element.all(by.css('.videos .video-miniature .video-miniature-name')).first()
return browser.wait(browser.ExpectedConditions.visibilityOf(elem))
}
waitWatchVideoName (videoName: string, isMobileDevice: boolean, isSafari: boolean) {
+ if (isSafari) return browserSleep(5000)
+
// On mobile we display the first node, on desktop the second
const index = isMobileDevice ? 0 : 1
const elem = element.all(by.css('.video-info .video-info-name')).get(index)
-
- if (isSafari) return browser.sleep(5000)
-
return browser.wait(browser.ExpectedConditions.textToBePresentInElement(elem, videoName))
}
- getWatchVideoPlayerCurrentTime () {
- return element(by.css('.video-js .vjs-current-time-display'))
- .getText()
- .then((t: string) => t.split(':')[1])
- .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'))
- await browser.wait(browser.ExpectedConditions.elementToBeClickable(playButton))
- await playButton.click()
- }
-
- await browser.sleep(1000)
- await browser.wait(browser.ExpectedConditions.invisibilityOf(element(by.css('.vjs-loading-spinner'))))
-
- const videojsEl = element(by.css('div.video-js'))
- await browser.wait(browser.ExpectedConditions.elementToBeClickable(videojsEl))
+ async goOnAssociatedEmbed () {
+ let url = await browser.getCurrentUrl()
+ url = url.replace('/watch/', '/embed/')
+ url = url.replace(':3333', ':9001')
- // On Android, we need to click twice on "play" (BrowserStack particularity)
- if (isMobileDevice) {
- await browser.sleep(3000)
- await videojsEl.click()
- }
+ return browser.get(url)
+ }
- await browser.sleep(7000)
+ async goOnP2PMediaLoaderEmbed () {
+ return browser.get('https://peertube2.cpy.re/videos/embed/969bf103-7818-43b5-94a0-de159e13de50')
+ }
- return videojsEl.click()
+ async goOnP2PMediaLoaderPlaylistEmbed () {
+ return browser.get('https://peertube2.cpy.re/video-playlists/embed/73804a40-da9a-40c2-b1eb-2c6d9eec8f0a')
}
async clickOnVideo (videoName: string) {
- const video = element(by.css('.videos .video-miniature .video-thumbnail[title="' + videoName + '"]'))
+ const video = element.all(by.css('.videos .video-miniature .video-miniature-name'))
+ .filter(e => e.getText().then(t => t === videoName ))
+ .first()
+
await browser.wait(browser.ExpectedConditions.elementToBeClickable(video))
await video.click()
return textToReturn
}
- async goOnAssociatedEmbed () {
- let url = await browser.getCurrentUrl()
- url = url.replace('/watch/', '/embed/')
- url = url.replace(':3333', ':9001')
-
- return browser.get(url)
- }
-
- 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()
return element(by.css('.action-button-save')).click()
}
- async saveToWatchLater () {
- return element.all(by.css('my-video-add-to-playlist .playlist')).first().click()
+ async createPlaylist (name: string) {
+ await element(by.css('.new-playlist-button')).click()
+
+ await element(by.css('#displayName')).sendKeys(name)
+
+ return element(by.css('.new-playlist-block input[type=submit]')).click()
+ }
+
+ async saveToPlaylist (name: string) {
+ return element.all(by.css('my-video-add-to-playlist .playlist'))
+ .filter(p => p.getText().then(t => t === name))
+ .click()
}
waitUntilVideoName (name: string, maxTime: number) {
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'))
+ return element.all(by.css('.video-info-first-row .video-info-name'))
.filter(e => e.getText().then(t => !!t))
.first()
}