parallel-routes-not-found.test.ts

import { nextTestSetup } from 'e2e-utils'

const isPPR = process.env.__NEXT_EXPERIMENTAL_PPR === 'true'

describe('parallel-routes-and-interception', () => {
  const { next, isNextDev, 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)

    if (isPPR && !isNextDev) {
      let $ = await next.render$('/')
      expect($('title').text()).toBe('')

      $ = await next.render$('/', null, {
        headers: {
          'User-Agent': 'Discordbot',
        },
      })
      expect($('title').text()).toBe('layout title')
    } else {
      const $ = await next.render$('/')
      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)
  })
})