]>
Commit | Line | Data |
---|---|---|
e69cb173 | 1 | import { browser, by, element, ElementFinder, ExpectedConditions } from 'protractor' |
ee68bbc4 | 2 | import { browserSleep } from '../utils' |
5f92c4dc C |
3 | |
4 | export class VideoWatchPage { | |
1fad099d | 5 | async goOnVideosList (isMobileDevice: boolean, isSafari: boolean) { |
0b33c520 C |
6 | let url: string |
7 | ||
1fad099d C |
8 | // We did not upload a file on a mobile device |
9 | if (isMobileDevice === true || isSafari === true) { | |
0b33c520 C |
10 | url = 'https://peertube2.cpy.re/videos/local' |
11 | } else { | |
12 | url = '/videos/recently-added' | |
13 | } | |
5f92c4dc | 14 | |
ee68bbc4 | 15 | await browser.get(url, 20000) |
d1bd87e0 C |
16 | |
17 | // Waiting the following element does not work on Safari... | |
ee68bbc4 | 18 | if (isSafari) return browserSleep(3000) |
d1bd87e0 C |
19 | |
20 | const elem = element.all(by.css('.videos .video-miniature .video-miniature-name')).first() | |
21 | return browser.wait(browser.ExpectedConditions.visibilityOf(elem)) | |
5f92c4dc C |
22 | } |
23 | ||
24 | getVideosListName () { | |
d1bd87e0 | 25 | return element.all(by.css('.videos .video-miniature .video-miniature-name')) |
0b33c520 | 26 | .getText() |
c199c427 | 27 | .then((texts: any) => texts.map((t: any) => t.trim())) |
5f92c4dc C |
28 | } |
29 | ||
6247b205 | 30 | waitWatchVideoName (videoName: string, isMobileDevice: boolean, isSafari: boolean) { |
ee68bbc4 C |
31 | if (isSafari) return browserSleep(5000) |
32 | ||
6247b205 C |
33 | // On mobile we display the first node, on desktop the second |
34 | const index = isMobileDevice ? 0 : 1 | |
35 | ||
36 | const elem = element.all(by.css('.video-info .video-info-name')).get(index) | |
5f92c4dc C |
37 | return browser.wait(browser.ExpectedConditions.textToBePresentInElement(elem, videoName)) |
38 | } | |
39 | ||
40 | getWatchVideoPlayerCurrentTime () { | |
41 | return element(by.css('.video-js .vjs-current-time-display')) | |
42 | .getText() | |
43 | .then((t: string) => t.split(':')[1]) | |
44 | .then(seconds => parseInt(seconds, 10)) | |
45 | } | |
46 | ||
e69cb173 C |
47 | getVideoName () { |
48 | return this.getVideoNameElement().getText() | |
49 | } | |
50 | ||
84c7cde6 | 51 | async playAndPauseVideo (isAutoplay: boolean, isMobileDevice: boolean) { |
d1bd87e0 C |
52 | if (isAutoplay === false) { |
53 | const playButton = element(by.css('.vjs-big-play-button')) | |
54 | await browser.wait(browser.ExpectedConditions.elementToBeClickable(playButton)) | |
55 | await playButton.click() | |
56 | } | |
57 | ||
ee68bbc4 | 58 | await browserSleep(1000) |
cd4d7a2c C |
59 | await browser.wait(browser.ExpectedConditions.invisibilityOf(element(by.css('.vjs-loading-spinner')))) |
60 | ||
1fad099d C |
61 | const videojsEl = element(by.css('div.video-js')) |
62 | await browser.wait(browser.ExpectedConditions.elementToBeClickable(videojsEl)) | |
5f92c4dc | 63 | |
91d95589 C |
64 | // On Android, we need to click twice on "play" (BrowserStack particularity) |
65 | if (isMobileDevice) { | |
ee68bbc4 C |
66 | await browserSleep(3000) |
67 | ||
91d95589 C |
68 | await videojsEl.click() |
69 | } | |
70 | ||
ee68bbc4 C |
71 | browser.ignoreSynchronization = false |
72 | await browserSleep(7000) | |
73 | browser.ignoreSynchronization = true | |
cd4d7a2c | 74 | |
ee68bbc4 | 75 | await videojsEl.click() |
5f92c4dc C |
76 | } |
77 | ||
cd4d7a2c | 78 | async clickOnVideo (videoName: string) { |
3cf198e4 C |
79 | const video = element.all(by.css('.videos .video-miniature .video-miniature-name')) |
80 | .filter(e => e.getText().then(t => t === videoName )) | |
81 | .first() | |
82 | ||
0b33c520 C |
83 | await browser.wait(browser.ExpectedConditions.elementToBeClickable(video)) |
84 | await video.click() | |
85 | ||
86 | await browser.wait(browser.ExpectedConditions.urlContains('/watch/')) | |
87 | } | |
88 | ||
89 | async clickOnFirstVideo () { | |
3a1a00a4 C |
90 | const video = element.all(by.css('.videos .video-miniature .video-thumbnail')).first() |
91 | const videoName = element.all(by.css('.videos .video-miniature .video-miniature-name')).first() | |
1fad099d C |
92 | |
93 | // Don't know why but the expectation fails on Safari | |
0b33c520 | 94 | await browser.wait(browser.ExpectedConditions.elementToBeClickable(video)) |
5f92c4dc | 95 | |
3a1a00a4 | 96 | const textToReturn = videoName.getText() |
5f92c4dc C |
97 | await video.click() |
98 | ||
99 | await browser.wait(browser.ExpectedConditions.urlContains('/watch/')) | |
0b33c520 | 100 | return textToReturn |
5f92c4dc C |
101 | } |
102 | ||
d1bd87e0 C |
103 | async goOnAssociatedEmbed () { |
104 | let url = await browser.getCurrentUrl() | |
105 | url = url.replace('/watch/', '/embed/') | |
106 | url = url.replace(':3333', ':9001') | |
107 | ||
108 | return browser.get(url) | |
5f92c4dc | 109 | } |
84c7cde6 C |
110 | |
111 | async goOnP2PMediaLoaderEmbed () { | |
60c8b8a5 | 112 | return browser.get('https://peertube2.cpy.re/videos/embed/969bf103-7818-43b5-94a0-de159e13de50') |
84c7cde6 | 113 | } |
e69cb173 C |
114 | |
115 | async clickOnUpdate () { | |
116 | const dropdown = element(by.css('my-video-actions-dropdown .action-button')) | |
117 | await dropdown.click() | |
118 | ||
119 | const items: ElementFinder[] = await element.all(by.css('my-video-actions-dropdown .dropdown-menu .dropdown-item')) | |
120 | ||
121 | for (const item of items) { | |
122 | const href = await item.getAttribute('href') | |
123 | ||
124 | if (href && href.includes('/update/')) { | |
125 | await item.click() | |
126 | return | |
127 | } | |
128 | } | |
129 | } | |
130 | ||
131 | async clickOnSave () { | |
132 | return element(by.css('.action-button-save')).click() | |
133 | } | |
134 | ||
bbe078ba C |
135 | async createPlaylist (name: string) { |
136 | await element(by.css('.new-playlist-button')).click() | |
137 | ||
138 | await element(by.css('#displayName')).sendKeys(name) | |
139 | ||
140 | return element(by.css('.new-playlist-block input[type=submit]')).click() | |
141 | } | |
142 | ||
143 | async saveToPlaylist (name: string) { | |
144 | return element.all(by.css('my-video-add-to-playlist .playlist')) | |
145 | .filter(p => p.getText().then(t => t === name)) | |
146 | .click() | |
e69cb173 C |
147 | } |
148 | ||
149 | waitUntilVideoName (name: string, maxTime: number) { | |
150 | const elem = this.getVideoNameElement() | |
151 | ||
152 | return browser.wait(ExpectedConditions.textToBePresentInElement(elem, name), maxTime) | |
153 | } | |
154 | ||
155 | private getVideoNameElement () { | |
156 | // We have 2 video info name block, pick the first that is not empty | |
3cf198e4 | 157 | return element.all(by.css('.video-info-first-row .video-info-name')) |
e69cb173 C |
158 | .filter(e => e.getText().then(t => !!t)) |
159 | .first() | |
160 | } | |
5f92c4dc | 161 | } |