i18n-data-route.test.ts

import { createNextDescribe } from 'e2e-utils'

const { i18n } = require('./next.config')

const pages = [
  { url: '/about', page: '/about', params: null },
  { url: '/blog/about', page: '/[slug]/about', params: { slug: 'blog' } },
]

function checkDataRoute(data: any, page: string) {
  expect(data).toHaveProperty('pageProps')
  expect(data.pageProps).toHaveProperty('page', page)
  expect(data.pageProps).toHaveProperty('output', page)
}

createNextDescribe(
  'i18n-data-route',
  {
    files: __dirname,
  },
  ({ next }) => {
    describe('with locale prefix', () => {
      describe.each(i18n.locales)('/%s', (locale) => {
        const prefixed = pages.map((page) => ({
          ...page,
          url: `/${locale}${page.url}`,
        }))

        it.each(prefixed)(
          'should render $page via $url',
          async ({ url, page }) => {
            const $ = await next.render$(url)
            expect($('[data-page]').data('page')).toBe(page)
          }
        )

        it.each(prefixed)(
          'should serve data for $page',
          async ({ url, page, params }) => {
            url = `/_next/data/${next.buildId}${url}.json`
            if (params) {
              const query = new URLSearchParams(params)
              // Ensure the query is sorted so it's deterministic.
              query.sort()
              url += `?${query.toString()}`
            }

            const res = await next.fetch(url)
            expect(res.status).toBe(200)
            expect(res.headers.get('content-type')).toBe('application/json')
            const data = await res.json()
            checkDataRoute(data, page)
          }
        )
      })
    })

    describe('without locale prefix', () => {
      it.each(pages)('should render $page via $url', async ({ url, page }) => {
        const $ = await next.render$(url)
        expect($('[data-page]').data('page')).toBe(page)
      })

      it.each(pages)(
        'should serve data for $page',
        async ({ url, page, params }) => {
          url = `/_next/data/${next.buildId}/${i18n.defaultLocale}${url}.json`
          if (params) {
            const query = new URLSearchParams(params)
            // Ensure the query is sorted so it's deterministic.
            query.sort()
            url += `?${query.toString()}`
          }
          const res = await next.fetch(url)
          expect(res.status).toBe(200)
          expect(res.headers.get('content-type')).toBe('application/json')
          const data = await res.json()
          checkDataRoute(data, page)
        }
      )
    })
  }
)