rsnext/test/e2e/app-dir/trailingslash.test.ts

import { createNext, FileRef } from 'e2e-utils'
import { NextInstance } from 'test/lib/next-modes/base'
import { fetchViaHTTP, renderViaHTTP } from 'next-test-utils'
import path from 'path'
import cheerio from 'cheerio'
import webdriver from 'next-webdriver'

describe('app-dir trailingSlash handling', () => {
  if ((global as any).isNextDeploy) {
    it('should skip next deploy for now', () => {})
    return
  }

  let next: NextInstance

  beforeAll(async () => {
    next = await createNext({
      files: new FileRef(path.join(__dirname, 'trailingslash')),
      dependencies: {
        react: 'latest',
        'react-dom': 'latest',
      },
      skipStart: true,
    })

    await next.start()
  })
  afterAll(() => next.destroy())

  it('should redirect route when requesting it directly', async () => {
    const res = await fetchViaHTTP(
      next.url,
      '/a',
      {},
      {
        redirect: 'manual',
      }
    )
    expect(res.status).toBe(308)
    expect(res.headers.get('location')).toBe(next.url + '/a/')
  })

  it('should render link with trailing slash', async () => {
    const html = await renderViaHTTP(next.url, '/')
    const $ = cheerio.load(html)
    expect($('#to-a-trailing-slash').attr('href')).toBe('/a/')
  })

  it('should redirect route when requesting it directly by browser', async () => {
    const browser = await webdriver(next.url, '/a')
    expect(await browser.waitForElementByCss('#a-page').text()).toBe('A page')
  })

  it('should redirect route when clicking link', async () => {
    const browser = await webdriver(next.url, '/')
    await browser
      .elementByCss('#to-a-trailing-slash')
      .click()
      .waitForElementByCss('#a-page')
    expect(await browser.waitForElementByCss('#a-page').text()).toBe('A page')
  })
})