Inject server config in HTML

[github/Chocobozzz/PeerTube.git] / server / tests / client.ts

/* eslint-disable @typescript-eslint/no-unused-expressions,@typescript-eslint/require-await */

import 'mocha'
import * as chai from 'chai'
import * as request from 'supertest'
import { Account, HTMLServerConfig, ServerConfig, VideoPlaylistPrivacy } from '@shared/models'
import {
  addVideoInPlaylist,
  cleanupTests,
  createVideoPlaylist,
  doubleFollow,
  flushAndRunMultipleServers,
  getAccount,
  getConfig,
  getCustomConfig,
  getVideosList,
  makeHTMLRequest,
  ServerInfo,
  setAccessTokensToServers,
  setDefaultVideoChannel,
  updateCustomConfig,
  updateCustomSubConfig,
  updateMyUser,
  updateVideoChannel,
  uploadVideo,
  waitJobs
} from '../../shared/extra-utils'
import { HttpStatusCode } from '@shared/core-utils/miscs/http-error-codes'
import { omit } from 'lodash'

const expect = chai.expect

function checkIndexTags (html: string, title: string, description: string, css: string, config: ServerConfig) {
  expect(html).to.contain('<title>' + title + '</title>')
  expect(html).to.contain('<meta name="description" content="' + description + '" />')
  expect(html).to.contain('<style class="custom-css-style">' + css + '</style>')

  const htmlConfig: HTMLServerConfig = omit(config, 'signup')
  expect(html).to.contain(`<script type="application/javascript">window.PeerTubeServerConfig = '${JSON.stringify(htmlConfig)}'</script>`)
}

describe('Test a client controllers', function () {
  let servers: ServerInfo[] = []
  let account: Account

  const videoName = 'my super name for server 1'
  const videoDescription = 'my<br> super __description__ for *server* 1<p></p>'
  const videoDescriptionPlainText = 'my super description for server 1'

  const playlistName = 'super playlist name'
  const playlistDescription = 'super playlist description'
  let playlistUUID: string

  const channelDescription = 'my super channel description'

  before(async function () {
    this.timeout(120000)

    servers = await flushAndRunMultipleServers(2)

    await setAccessTokensToServers(servers)

    await doubleFollow(servers[0], servers[1])

    await setDefaultVideoChannel(servers)

    await updateVideoChannel(servers[0].url, servers[0].accessToken, servers[0].videoChannel.name, { description: channelDescription })

    // Video

    const videoAttributes = { name: videoName, description: videoDescription }
    await uploadVideo(servers[0].url, servers[0].accessToken, videoAttributes)

    const resVideosRequest = await getVideosList(servers[0].url)
    const videos = resVideosRequest.body.data
    expect(videos.length).to.equal(1)

    servers[0].video = videos[0]

    // Playlist

    const playlistAttrs = {
      displayName: playlistName,
      description: playlistDescription,
      privacy: VideoPlaylistPrivacy.PUBLIC,
      videoChannelId: servers[0].videoChannel.id
    }

    const resVideoPlaylistRequest = await createVideoPlaylist({ url: servers[0].url, token: servers[0].accessToken, playlistAttrs })

    const playlist = resVideoPlaylistRequest.body.videoPlaylist
    const playlistId = playlist.id
    playlistUUID = playlist.uuid

    await addVideoInPlaylist({
      url: servers[0].url,
      token: servers[0].accessToken,
      playlistId,
      elementAttrs: { videoId: servers[0].video.id }
    })

    // Account

    await updateMyUser({ url: servers[0].url, accessToken: servers[0].accessToken, description: 'my account description' })

    const resAccountRequest = await getAccount(servers[0].url, `${servers[0].user.username}@${servers[0].host}`)
    account = resAccountRequest.body

    await waitJobs(servers)
  })

  describe('oEmbed', function () {
    it('Should have valid oEmbed discovery tags for videos', async function () {
      const path = '/videos/watch/' + servers[0].video.uuid
      const res = await request(servers[0].url)
        .get(path)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      const port = servers[0].port

      const expectedLink = '<link rel="alternate" type="application/json+oembed" href="http://localhost:' + port + '/services/oembed?' +
        `url=http%3A%2F%2Flocalhost%3A${port}%2Fvideos%2Fwatch%2F${servers[0].video.uuid}" ` +
        `title="${servers[0].video.name}" />`

      expect(res.text).to.contain(expectedLink)
    })

    it('Should have valid oEmbed discovery tags for a playlist', async function () {
      const res = await request(servers[0].url)
        .get('/videos/watch/playlist/' + playlistUUID)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      const port = servers[0].port

      const expectedLink = '<link rel="alternate" type="application/json+oembed" href="http://localhost:' + port + '/services/oembed?' +
        `url=http%3A%2F%2Flocalhost%3A${port}%2Fvideos%2Fwatch%2Fplaylist%2F${playlistUUID}" ` +
        `title="${playlistName}" />`

      expect(res.text).to.contain(expectedLink)
    })
  })

  describe('Open Graph', function () {

    it('Should have valid Open Graph tags on the account page', async function () {
      const res = await request(servers[0].url)
        .get('/accounts/' + servers[0].user.username)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      expect(res.text).to.contain(`<meta property="og:title" content="${account.displayName}" />`)
      expect(res.text).to.contain(`<meta property="og:description" content="${account.description}" />`)
      expect(res.text).to.contain('<meta property="og:type" content="website" />')
      expect(res.text).to.contain(`<meta property="og:url" content="${servers[0].url}/accounts/${servers[0].user.username}" />`)
    })

    it('Should have valid Open Graph tags on the channel page', async function () {
      const res = await request(servers[0].url)
        .get('/video-channels/' + servers[0].videoChannel.name)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      expect(res.text).to.contain(`<meta property="og:title" content="${servers[0].videoChannel.displayName}" />`)
      expect(res.text).to.contain(`<meta property="og:description" content="${channelDescription}" />`)
      expect(res.text).to.contain('<meta property="og:type" content="website" />')
      expect(res.text).to.contain(`<meta property="og:url" content="${servers[0].url}/video-channels/${servers[0].videoChannel.name}" />`)
    })

    it('Should have valid Open Graph tags on the watch page with video id', async function () {
      const res = await request(servers[0].url)
        .get('/videos/watch/' + servers[0].video.id)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      expect(res.text).to.contain(`<meta property="og:title" content="${videoName}" />`)
      expect(res.text).to.contain(`<meta property="og:description" content="${videoDescriptionPlainText}" />`)
      expect(res.text).to.contain('<meta property="og:type" content="video" />')
      expect(res.text).to.contain(`<meta property="og:url" content="${servers[0].url}/videos/watch/${servers[0].video.uuid}" />`)
    })

    it('Should have valid Open Graph tags on the watch page with video uuid', async function () {
      const res = await request(servers[0].url)
        .get('/videos/watch/' + servers[0].video.uuid)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      expect(res.text).to.contain(`<meta property="og:title" content="${videoName}" />`)
      expect(res.text).to.contain(`<meta property="og:description" content="${videoDescriptionPlainText}" />`)
      expect(res.text).to.contain('<meta property="og:type" content="video" />')
      expect(res.text).to.contain(`<meta property="og:url" content="${servers[0].url}/videos/watch/${servers[0].video.uuid}" />`)
    })

    it('Should have valid Open Graph tags on the watch playlist page', async function () {
      const res = await request(servers[0].url)
        .get('/videos/watch/playlist/' + playlistUUID)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      expect(res.text).to.contain(`<meta property="og:title" content="${playlistName}" />`)
      expect(res.text).to.contain(`<meta property="og:description" content="${playlistDescription}" />`)
      expect(res.text).to.contain('<meta property="og:type" content="video" />')
      expect(res.text).to.contain(`<meta property="og:url" content="${servers[0].url}/videos/watch/playlist/${playlistUUID}" />`)
    })
  })

  describe('Twitter card', async function () {

    it('Should have valid twitter card on the watch video page', async function () {
      const res = await request(servers[0].url)
        .get('/videos/watch/' + servers[0].video.uuid)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      expect(res.text).to.contain('<meta property="twitter:card" content="summary_large_image" />')
      expect(res.text).to.contain('<meta property="twitter:site" content="@Chocobozzz" />')
      expect(res.text).to.contain(`<meta property="twitter:title" content="${videoName}" />`)
      expect(res.text).to.contain(`<meta property="twitter:description" content="${videoDescriptionPlainText}" />`)
    })

    it('Should have valid twitter card on the watch playlist page', async function () {
      const res = await request(servers[0].url)
        .get('/videos/watch/playlist/' + playlistUUID)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      expect(res.text).to.contain('<meta property="twitter:card" content="summary" />')
      expect(res.text).to.contain('<meta property="twitter:site" content="@Chocobozzz" />')
      expect(res.text).to.contain(`<meta property="twitter:title" content="${playlistName}" />`)
      expect(res.text).to.contain(`<meta property="twitter:description" content="${playlistDescription}" />`)
    })

    it('Should have valid twitter card on the account page', async function () {
      const res = await request(servers[0].url)
        .get('/accounts/' + account.name)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      expect(res.text).to.contain('<meta property="twitter:card" content="summary" />')
      expect(res.text).to.contain('<meta property="twitter:site" content="@Chocobozzz" />')
      expect(res.text).to.contain(`<meta property="twitter:title" content="${account.name}" />`)
      expect(res.text).to.contain(`<meta property="twitter:description" content="${account.description}" />`)
    })

    it('Should have valid twitter card on the channel page', async function () {
      const res = await request(servers[0].url)
        .get('/video-channels/' + servers[0].videoChannel.name)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      expect(res.text).to.contain('<meta property="twitter:card" content="summary" />')
      expect(res.text).to.contain('<meta property="twitter:site" content="@Chocobozzz" />')
      expect(res.text).to.contain(`<meta property="twitter:title" content="${servers[0].videoChannel.displayName}" />`)
      expect(res.text).to.contain(`<meta property="twitter:description" content="${channelDescription}" />`)
    })

    it('Should have valid twitter card if Twitter is whitelisted', async function () {
      const res1 = await getCustomConfig(servers[0].url, servers[0].accessToken)
      const config = res1.body
      config.services.twitter = {
        username: '@Kuja',
        whitelisted: true
      }
      await updateCustomConfig(servers[0].url, servers[0].accessToken, config)

      const resVideoRequest = await request(servers[0].url)
        .get('/videos/watch/' + servers[0].video.uuid)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      expect(resVideoRequest.text).to.contain('<meta property="twitter:card" content="player" />')
      expect(resVideoRequest.text).to.contain('<meta property="twitter:site" content="@Kuja" />')

      const resVideoPlaylistRequest = await request(servers[0].url)
        .get('/videos/watch/playlist/' + playlistUUID)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      expect(resVideoPlaylistRequest.text).to.contain('<meta property="twitter:card" content="player" />')
      expect(resVideoPlaylistRequest.text).to.contain('<meta property="twitter:site" content="@Kuja" />')

      const resAccountRequest = await request(servers[0].url)
        .get('/accounts/' + account.name)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      expect(resAccountRequest.text).to.contain('<meta property="twitter:card" content="summary" />')
      expect(resAccountRequest.text).to.contain('<meta property="twitter:site" content="@Kuja" />')

      const resChannelRequest = await request(servers[0].url)
        .get('/video-channels/' + servers[0].videoChannel.name)
        .set('Accept', 'text/html')
        .expect(HttpStatusCode.OK_200)

      expect(resChannelRequest.text).to.contain('<meta property="twitter:card" content="summary" />')
      expect(resChannelRequest.text).to.contain('<meta property="twitter:site" content="@Kuja" />')
    })
  })

  describe('Index HTML', function () {

    it('Should have valid index html tags (title, description...)', async function () {
      const resConfig = await getConfig(servers[0].url)
      const res = await makeHTMLRequest(servers[0].url, '/videos/trending')

      const description = 'PeerTube, an ActivityPub-federated video streaming platform using P2P directly in your web browser.'
      checkIndexTags(res.text, 'PeerTube', description, '', resConfig.body)
    })

    it('Should update the customized configuration and have the correct index html tags', async function () {
      await updateCustomSubConfig(servers[0].url, servers[0].accessToken, {
        instance: {
          name: 'PeerTube updated',
          shortDescription: 'my short description',
          description: 'my super description',
          terms: 'my super terms',
          defaultNSFWPolicy: 'blur',
          defaultClientRoute: '/videos/recently-added',
          customizations: {
            javascript: 'alert("coucou")',
            css: 'body { background-color: red; }'
          }
        }
      })

      const resConfig = await getConfig(servers[0].url)
      const res = await makeHTMLRequest(servers[0].url, '/videos/trending')

      checkIndexTags(res.text, 'PeerTube updated', 'my short description', 'body { background-color: red; }', resConfig.body)
    })

    it('Should have valid index html updated tags (title, description...)', async function () {
      const resConfig = await getConfig(servers[0].url)
      const res = await makeHTMLRequest(servers[0].url, '/videos/trending')

      checkIndexTags(res.text, 'PeerTube updated', 'my short description', 'body { background-color: red; }', resConfig.body)
    })

    it('Should use the original video URL for the canonical tag', async function () {
      const res = await makeHTMLRequest(servers[1].url, '/videos/watch/' + servers[0].video.uuid)
      expect(res.text).to.contain(`<link rel="canonical" href="${servers[0].url}/videos/watch/${servers[0].video.uuid}" />`)
    })

    it('Should use the original account URL for the canonical tag', async function () {
      const res = await makeHTMLRequest(servers[1].url, '/accounts/root@' + servers[0].host)
      expect(res.text).to.contain(`<link rel="canonical" href="${servers[0].url}/accounts/root" />`)
    })

    it('Should use the original channel URL for the canonical tag', async function () {
      const res = await makeHTMLRequest(servers[1].url, '/video-channels/root_channel@' + servers[0].host)
      expect(res.text).to.contain(`<link rel="canonical" href="${servers[0].url}/video-channels/root_channel" />`)
    })

    it('Should use the original playlist URL for the canonical tag', async function () {
      const res = await makeHTMLRequest(servers[1].url, '/videos/watch/playlist/' + playlistUUID)
      expect(res.text).to.contain(`<link rel="canonical" href="${servers[0].url}/video-playlists/${playlistUUID}" />`)
    })
  })

  describe('Embed HTML', function () {

    it('Should have the correct embed html tags', async function () {
      const resConfig = await getConfig(servers[0].url)
      const res = await makeHTMLRequest(servers[0].url, servers[0].video.embedPath)

      checkIndexTags(res.text, 'PeerTube updated', 'my short description', 'body { background-color: red; }', resConfig.body)
    })
  })

  after(async function () {
    await cleanupTests(servers)
  })
})