import { nextTestSetup } from 'e2e-utils'

describe('parallel-routes-and-interception', () => {
  const { next, skipped } = nextTestSetup({
    files: __dirname,
    // TODO: remove after deployment handling is updated
    skipDeployment: true,
  })

  if (skipped) {
    return
  }

  // TODO: revisit the error for missing parallel routes slot
  it('should not render the @children slot when the @slot is not found', async () => {
    const browser = await next.browser('/')
    // we make sure the page is available through navigating
    expect(await browser.elementByCss('body').text()).toMatch(
      /This page could not be found/
    )

    // we also check that the #children-slot id is not present
    expect(await browser.hasElementByCssSelector('#children-slot')).toBe(false)
    const $ = await next.render$('/')
    expect($('title').length).toBe(1)
    expect($('title').text()).toBe('layout title')
  })

  it('should render the title once for the non-existed route', async () => {
    const browser = await next.browser('/non-existed')
    const titles = await browser.elementsByCss('title')

    // FIXME: (metadata), the title should only be rendered once and using the not-found title
    expect(titles).toHaveLength(3)
  })
})