import { browserSleep, go } from '../utils'

export class VideoListPage {

  constructor (private isMobileDevice: boolean, private isSafari: boolean) {

  }

  async goOnVideosList () {
    let url: string

    // We did not upload a file on a mobile device
    if (this.isMobileDevice === true || this.isSafari === true) {
      url = 'https://peertube2.cpy.re/videos/local'
    } else {
      url = '/videos/recently-added'
    }

    await go(url)

    // Waiting the following element does not work on Safari...
    if (this.isSafari) return browserSleep(3000)

    await this.waitForList()
  }

  async goOnLocal () {
    await $('.menu-link[href="/videos/local"]').click()
    await this.waitForTitle('Local videos')
  }

  async goOnRecentlyAdded () {
    await $('.menu-link[href="/videos/recently-added"]').click()
    await this.waitForTitle('Recently added')
  }

  async goOnTrending () {
    await $('.menu-link[href="/videos/trending"]').click()
    await this.waitForTitle('Trending')
  }

  async goOnHomepage () {
    await go('/home')
    await this.waitForList()
  }

  async goOnRootChannel () {
    await go('/c/root_channel/videos')
    await this.waitForList()
  }

  async goOnRootAccount () {
    await go('/a/root/videos')
    await this.waitForList()
  }

  async goOnRootAccountChannels () {
    await go('/a/root/video-channels')
    await this.waitForList()
  }

  getNSFWFilter () {
    return $$('.active-filter').filter(async a => {
      return (await a.getText()).includes('Sensitive')
    }).then(f => f[0])
  }

  async getVideosListName () {
    const elems = await $$('.videos .video-miniature .video-miniature-name')
    const texts = await Promise.all(elems.map(e => e.getText()))

    return texts.map(t => t.trim())
  }

  videoExists (name: string) {
    return $('.video-miniature-name=' + name).isDisplayed()
  }

  async videoIsBlurred (name: string) {
    const filter = await $('.video-miniature-name=' + name).getCSSProperty('filter')

    return filter.value !== 'none'
  }

  async clickOnVideo (videoName: string) {
    const video = async () => {
      const videos = await $$('.videos .video-miniature .video-miniature-name').filter(async e => {
        const t = await e.getText()

        return t === videoName
      })

      return videos[0]
    }

    await browser.waitUntil(async () => {
      const elem = await video()

      return elem?.isClickable()
    });

    (await video()).click()

    await browser.waitUntil(async () => (await browser.getUrl()).includes('/w/'))
  }

  async clickOnFirstVideo () {
    const video = () => $('.videos .video-miniature .video-thumbnail')
    const videoName = () => $('.videos .video-miniature .video-miniature-name')

    await video().waitForClickable()

    const textToReturn = await videoName().getText()
    await video().click()

    await browser.waitUntil(async () => (await browser.getUrl()).includes('/w/'))

    return textToReturn
  }

  private waitForList () {
    return $('.videos .video-miniature .video-miniature-name').waitForDisplayed()
  }

  private waitForTitle (title: string) {
    return $('h1=' + title).waitForDisplayed()
  }
}