]>
Commit | Line | Data |
---|---|---|
1 | import { FIXTURE_URLS } from '../urls' | |
2 | import { browserSleep, go } from '../utils' | |
3 | ||
4 | export class VideoWatchPage { | |
5 | async goOnVideosList (isMobileDevice: boolean, isSafari: boolean) { | |
6 | let url: string | |
7 | ||
8 | // We did not upload a file on a mobile device | |
9 | if (isMobileDevice === true || isSafari === true) { | |
10 | url = 'https://peertube2.cpy.re/videos/local' | |
11 | } else { | |
12 | url = '/videos/recently-added' | |
13 | } | |
14 | ||
15 | await go(url) | |
16 | ||
17 | // Waiting the following element does not work on Safari... | |
18 | if (isSafari) return browserSleep(3000) | |
19 | ||
20 | await $('.videos .video-miniature .video-miniature-name').waitForDisplayed() | |
21 | } | |
22 | ||
23 | async getVideosListName () { | |
24 | const elems = await $$('.videos .video-miniature .video-miniature-name') | |
25 | const texts = await Promise.all(elems.map(e => e.getText())) | |
26 | ||
27 | return texts.map(t => t.trim()) | |
28 | } | |
29 | ||
30 | waitWatchVideoName (videoName: string, isMobileDevice: boolean, isSafari: boolean) { | |
31 | if (isSafari) return browserSleep(5000) | |
32 | ||
33 | // On mobile we display the first node, on desktop the second | |
34 | const index = isMobileDevice ? 0 : 1 | |
35 | ||
36 | return browser.waitUntil(async () => { | |
37 | return (await $$('.video-info .video-info-name')[index].getText()).includes(videoName) | |
38 | }) | |
39 | } | |
40 | ||
41 | getVideoName () { | |
42 | return this.getVideoNameElement().then(e => e.getText()) | |
43 | } | |
44 | ||
45 | async goOnAssociatedEmbed () { | |
46 | let url = await browser.getUrl() | |
47 | url = url.replace('/w/', '/videos/embed/') | |
48 | url = url.replace(':3333', ':9001') | |
49 | ||
50 | return go(url) | |
51 | } | |
52 | ||
53 | goOnP2PMediaLoaderEmbed () { | |
54 | return go(FIXTURE_URLS.HLS_EMBED) | |
55 | } | |
56 | ||
57 | goOnP2PMediaLoaderPlaylistEmbed () { | |
58 | return go(FIXTURE_URLS.HLS_PLAYLIST_EMBED) | |
59 | } | |
60 | ||
61 | async clickOnVideo (videoName: string) { | |
62 | const video = async () => { | |
63 | const videos = await $$('.videos .video-miniature .video-miniature-name').filter(async e => { | |
64 | const t = await e.getText() | |
65 | ||
66 | return t === videoName | |
67 | }) | |
68 | ||
69 | return videos[0] | |
70 | } | |
71 | ||
72 | await browser.waitUntil(async () => { | |
73 | const elem = await video() | |
74 | ||
75 | return elem?.isClickable() | |
76 | }); | |
77 | ||
78 | (await video()).click() | |
79 | ||
80 | await browser.waitUntil(async () => (await browser.getUrl()).includes('/w/')) | |
81 | } | |
82 | ||
83 | async clickOnFirstVideo () { | |
84 | const video = () => $('.videos .video-miniature .video-thumbnail') | |
85 | const videoName = () => $('.videos .video-miniature .video-miniature-name') | |
86 | ||
87 | await video().waitForClickable() | |
88 | ||
89 | const textToReturn = await videoName().getText() | |
90 | await video().click() | |
91 | ||
92 | await browser.waitUntil(async () => (await browser.getUrl()).includes('/w/')) | |
93 | ||
94 | return textToReturn | |
95 | } | |
96 | ||
97 | async clickOnUpdate () { | |
98 | const dropdown = $('my-video-actions-dropdown .action-button') | |
99 | await dropdown.click() | |
100 | ||
101 | await $('.dropdown-menu.show .dropdown-item').waitForDisplayed() | |
102 | const items = await $$('.dropdown-menu.show .dropdown-item') | |
103 | ||
104 | for (const item of items) { | |
105 | const href = await item.getAttribute('href') | |
106 | ||
107 | if (href?.includes('/update/')) { | |
108 | await item.click() | |
109 | return | |
110 | } | |
111 | } | |
112 | } | |
113 | ||
114 | clickOnSave () { | |
115 | return $('.action-button-save').click() | |
116 | } | |
117 | ||
118 | async createPlaylist (name: string) { | |
119 | const newPlaylistButton = () => $('.new-playlist-button') | |
120 | ||
121 | await newPlaylistButton().waitForClickable() | |
122 | await newPlaylistButton().click() | |
123 | ||
124 | const displayName = () => $('#displayName') | |
125 | ||
126 | await displayName().waitForDisplayed() | |
127 | await displayName().setValue(name) | |
128 | ||
129 | return $('.new-playlist-block input[type=submit]').click() | |
130 | } | |
131 | ||
132 | async saveToPlaylist (name: string) { | |
133 | const playlist = () => $('my-video-add-to-playlist').$(`.playlist=${name}`) | |
134 | ||
135 | await playlist().waitForDisplayed() | |
136 | ||
137 | return playlist().click() | |
138 | } | |
139 | ||
140 | waitUntilVideoName (name: string, maxTime: number) { | |
141 | return browser.waitUntil(async () => { | |
142 | return (await this.getVideoName()) === name | |
143 | }, { timeout: maxTime }) | |
144 | } | |
145 | ||
146 | private async getVideoNameElement () { | |
147 | // We have 2 video info name block, pick the first that is not empty | |
148 | const elem = async () => { | |
149 | const elems = await $$('.video-info-first-row .video-info-name').filter(e => e.isDisplayed()) | |
150 | ||
151 | return elems[0] | |
152 | } | |
153 | ||
154 | await browser.waitUntil(async () => { | |
155 | const e = await elem() | |
156 | ||
157 | return e?.isDisplayed() | |
158 | }) | |
159 | ||
160 | return elem() | |
161 | } | |
162 | } |