next.js/test/e2e/app-dir/revalidate-dynamic/revalidate-dynamic.test.ts

import { createNextDescribe } from '../../../lib/e2e-utils'

createNextDescribe(
  'app-dir revalidate-dynamic',
  {
    files: __dirname,
  },
  ({ next, isNextStart }) => {
    if (isNextStart) {
      it('should correctly mark a route handler that uses revalidateTag as dynamic', async () => {
        expect(next.cliOutput).toContain('ƒ /api/revalidate-path')
        expect(next.cliOutput).toContain('ƒ /api/revalidate-tag')
      })
    }

    it.each(['/api/revalidate-path', '/api/revalidate-tag'])(
      `should revalidate the data with %s`,
      async (path) => {
        const browser = await next.browser('/')
        const randomNumber = await browser.elementById('data-value').text()
        await browser.refresh()
        const randomNumber2 = await browser.elementById('data-value').text()

        expect(randomNumber).toEqual(randomNumber2)

        const revalidateRes = await next.fetch(path)
        expect((await revalidateRes.json()).revalidated).toBe(true)

        await browser.refresh()

        const randomNumber3 = await browser.elementById('data-value').text()
        expect(randomNumber).not.toEqual(randomNumber3)
      }
    )
  }
)