@nadeshikon/plugin-nextjs/cypress/integration/default/dynamic-routes.spec.ts

Run Next.js seamlessly on Netlify

/* eslint-disable max-lines-per-function */
describe('Static Routing', () => {
  it('renders correct page via SSR on a static route', () => {
    cy.request({ url: '/getServerSideProps/static/', headers: { 'x-nf-debug-logging': '1' } }).then((res) => {
      expect(res.status).to.eq(200)
      expect(res.headers).to.have.property('x-nf-render-mode', 'ssr')
      expect(res.body).to.contain('Sleepy Hollow')
    })
  })
  it('serves correct static file on a static route', () => {
    cy.request({ url: '/getStaticProps/static/', headers: { 'x-nf-debug-logging': '1' } }).then((res) => {
      expect(res.status).to.eq(200)
      expect(res.headers).to.not.have.property('x-nf-render-mode')
      expect(res.body).to.contain('Dancing with the Stars')
    })
  })
  it('renders correct page via ODB on a static route', () => {
    cy.request({ url: '/getStaticProps/with-revalidate/', headers: { 'x-nf-debug-logging': '1' } }).then((res) => {
      expect(res.status).to.eq(200)
      expect(res.headers).to.have.property('x-nf-render-mode', 'odb ttl=60')
      expect(res.body).to.contain('Dancing with the Stars')
    })
  })
})

describe('Dynamic Routing', () => {
  it('renders correct page via SSR on a dynamic route', () => {
    cy.request({ url: '/getServerSideProps/1/', headers: { 'x-nf-debug-logging': '1' } }).then((res) => {
      expect(res.status).to.eq(200)
      expect(res.headers).to.have.property('x-nf-render-mode', 'ssr')
      expect(res.body).to.contain('Under the Dome')
    })
  })
  it('renders correct page via SSR on a dynamic catch-all route', () => {
    cy.request({ url: '/getServerSideProps/all/1/', headers: { 'x-nf-debug-logging': '1' } }).then((res) => {
      expect(res.status).to.eq(200)
      expect(res.headers).to.have.property('x-nf-render-mode', 'ssr')
      expect(res.body).to.contain('Under the Dome')
    })
  })
  it('serves correct static file on a prerendered dynamic route with fallback: false', () => {
    cy.request({ url: '/getStaticProps/1/', headers: { 'x-nf-debug-logging': '1' } }).then((res) => {
      expect(res.status).to.eq(200)
      expect(res.headers).to.not.have.property('x-nf-render-mode')
      expect(res.body).to.contain('Under the Dome')
    })
  })
  it('renders custom 404 on a non-prerendered dynamic route with fallback: false', () => {
    cy.request({ url: '/getStaticProps/3/', headers: { 'x-nf-debug-logging': '1' }, failOnStatusCode: false }).then(
      (res) => {
        expect(res.status).to.eq(404)
        expect(res.headers).to.not.have.property('x-nf-render-mode')
        expect(res.body).to.contain('Custom 404')
      },
    )
  })
  it('serves correct static file on a prerendered dynamic route with fallback: true', () => {
    cy.request({ url: '/getStaticProps/withFallback/1/', headers: { 'x-nf-debug-logging': '1' } }).then((res) => {
      expect(res.status).to.eq(200)
      expect(res.headers).to.not.have.property('x-nf-render-mode')
      expect(res.body).to.contain('Under the Dome')
    })
  })
  it('renders fallback page via ODB on a non-prerendered dynamic route with fallback: true', () => {
    cy.request({ url: '/getStaticProps/withFallback/3/', headers: { 'x-nf-debug-logging': '1' } }).then((res) => {
      expect(res.status).to.eq(200)
      // expect 'odb' until https://github.com/netlify/pillar-runtime/issues/438 is fixed
      expect(res.headers).to.have.property('x-nf-render-mode', 'odb')
      // expect 'Bitten' until the above is fixed and we can test for fallback 'Loading...' message
      expect(res.body).to.contain('Bitten')
    })
  })
  it('serves correct static file on a prerendered dynamic route with fallback: blocking', () => {
    cy.request({ url: '/getStaticProps/withFallbackBlocking/1/', headers: { 'x-nf-debug-logging': '1' } }).then(
      (res) => {
        expect(res.status).to.eq(200)
        expect(res.headers).to.not.have.property('x-nf-render-mode')
        expect(res.body).to.contain('Under the Dome')
      },
    )
  })
  it('renders correct page via ODB on a non-prerendered dynamic route with fallback: blocking', () => {
    cy.request({ url: '/getStaticProps/withFallbackBlocking/3/', headers: { 'x-nf-debug-logging': '1' } }).then(
      (res) => {
        expect(res.status).to.eq(200)
        expect(res.headers).to.have.property('x-nf-render-mode', 'odb')
        expect(res.body).to.contain('Bitten')
      },
    )
  })
  it('renders correct page via ODB on a prerendered dynamic route with revalidate and fallback: false', () => {
    cy.request({ url: '/getStaticProps/withRevalidate/1/', headers: { 'x-nf-debug-logging': '1' } }).then((res) => {
      expect(res.status).to.eq(200)
      expect(res.headers).to.have.property('x-nf-render-mode', 'odb ttl=60')
      expect(res.body).to.contain('Under the Dome')
    })
  })
  it('renders custom 404 on a non-prerendered dynamic route with revalidate and fallback: false', () => {
    cy.request({
      url: '/getStaticProps/withRevalidate/3/',
      headers: { 'x-nf-debug-logging': '1' },
      failOnStatusCode: false,
    }).then((res) => {
      expect(res.status).to.eq(404)
      expect(res.headers).to.not.have.property('x-nf-render-mode')
      expect(res.body).to.contain('Custom 404')
    })
  })
  it('renders correct page via ODB on a prerendered dynamic route with revalidate and fallback: true', () => {
    cy.request({ url: '/getStaticProps/withRevalidate/withFallback/1/', headers: { 'x-nf-debug-logging': '1' } }).then(
      (res) => {
        expect(res.status).to.eq(200)
        expect(res.headers).to.have.property('x-nf-render-mode', 'odb ttl=60')
        expect(res.body).to.contain('Under the Dome')
      },
    )
  })
  it('renders fallback page via ODB on a non-prerendered dynamic route with revalidate and fallback: true', () => {
    cy.request({ url: '/getStaticProps/withRevalidate/withFallback/3/', headers: { 'x-nf-debug-logging': '1' } }).then(
      (res) => {
        expect(res.status).to.eq(200)
        expect(res.headers).to.have.property('x-nf-render-mode', 'odb ttl=60')
        // expect 'Bitten' until https://github.com/netlify/pillar-runtime/issues/438 is fixed
        expect(res.body).to.contain('Bitten')
      },
    )
  })
  it('renders correct page via ODB on a prerendered dynamic route with revalidate and fallback: blocking', () => {
    cy.request({
      url: '/getStaticProps/withRevalidate/withFallbackBlocking/1/',
      headers: { 'x-nf-debug-logging': '1' },
    }).then((res) => {
      expect(res.status).to.eq(200)
      expect(res.headers).to.have.property('x-nf-render-mode', 'odb ttl=60')
      expect(res.body).to.contain('Under the Dome')
    })
  })
  it('renders correct page via ODB on a non-prerendered dynamic route with revalidate and fallback: blocking', () => {
    cy.request({
      url: '/getStaticProps/withRevalidate/withFallbackBlocking/3/',
      headers: { 'x-nf-debug-logging': '1' },
    }).then((res) => {
      expect(res.status).to.eq(200)
      expect(res.headers).to.have.property('x-nf-render-mode', 'odb ttl=60')
      expect(res.body).to.contain('Bitten')
    })
  })
})
/* eslint-enable max-lines-per-function */