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: 'experimental',
        'react-dom': 'experimental',
      },
      skipStart: true,
    })

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

  it.skip('should redirect route when requesting it directly', async () => {
    const res = await fetchViaHTTP(
      next.url,
      '/a',
      {},
      {
        redirect: 'manual',
      },
    )
    // NTL - uses 301 instead of 308
    expect(res.status).toBe(301)
    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')
  })
})