true)',
+ },
+ ],
+ },
+ {
+ source: '/has-match-4',
+ has: [
+ {
+ type: 'host',
+ value: 'example.com',
+ },
+ ],
+ },
+ {
+ source: '/has-match-5',
+ has: [
+ {
+ type: 'header',
+ key: 'hasParam',
+ value: 'with-params',
+ },
+ ],
+ },
+ {
+ source: '/missing-match-1',
+ missing: [
+ {
+ type: 'header',
+ key: 'hello',
+ value: '(.*)',
+ },
+ ],
+ },
+ {
+ source: '/missing-match-2',
+ missing: [
+ {
+ type: 'query',
+ key: 'test',
+ value: 'value',
+ },
+ ],
+ },
+ ],
+}
diff --git a/test/e2e/modified-tests/middleware-custom-matchers/app/pages/index.js b/test/e2e/modified-tests/middleware-custom-matchers/app/pages/index.js
new file mode 100644
index 0000000000..accd5b17ad
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-custom-matchers/app/pages/index.js
@@ -0,0 +1,14 @@
+export default (props) => (
+ <>
+ home
+ {props.fromMiddleware}
+
+)
+
+export async function getServerSideProps({ res }) {
+ return {
+ props: {
+ fromMiddleware: res.getHeader('x-from-middleware') || null,
+ },
+ }
+}
diff --git a/test/e2e/modified-tests/middleware-custom-matchers/app/pages/routes.js b/test/e2e/modified-tests/middleware-custom-matchers/app/pages/routes.js
new file mode 100644
index 0000000000..9cf902de88
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-custom-matchers/app/pages/routes.js
@@ -0,0 +1,16 @@
+import Link from 'next/link'
+
+export default (props) => (
+
+
+
+
+
+
+)
diff --git a/test/e2e/modified-tests/middleware-custom-matchers/test/index.test.ts b/test/e2e/modified-tests/middleware-custom-matchers/test/index.test.ts
new file mode 100644
index 0000000000..c35aee9c8d
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-custom-matchers/test/index.test.ts
@@ -0,0 +1,157 @@
+/* eslint-env jest */
+/* eslint-disable jest/no-standalone-expect */
+import { join } from 'path'
+import webdriver from 'next-webdriver'
+import { fetchViaHTTP } from 'next-test-utils'
+import { createNext, FileRef } from 'e2e-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+const usuallySkip = process.env.RUN_SKIPPED_TESTS ? it : it.skip
+const itif = (condition: boolean) => (condition ? it : it.skip)
+
+const isModeDeploy = process.env.NEXT_TEST_MODE === 'deploy'
+
+describe('Middleware custom matchers', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ next = await createNext({
+ files: new FileRef(join(__dirname, '../app')),
+ })
+ })
+ afterAll(() => next.destroy())
+
+ const runTests = () => {
+ usuallySkip('should match missing header correctly', async () => {
+ const res = await fetchViaHTTP(next.url, '/missing-match-1')
+ expect(res.headers.get('x-from-middleware')).toBeDefined()
+
+ const res2 = await fetchViaHTTP(next.url, '/missing-match-1', undefined, {
+ headers: {
+ hello: 'world',
+ },
+ })
+ expect(res2.headers.get('x-from-middleware')).toBeFalsy()
+ })
+
+ usuallySkip('should match missing query correctly', async () => {
+ const res = await fetchViaHTTP(next.url, '/missing-match-2')
+ expect(res.headers.get('x-from-middleware')).toBeDefined()
+
+ const res2 = await fetchViaHTTP(next.url, '/missing-match-2', {
+ test: 'value',
+ })
+ expect(res2.headers.get('x-from-middleware')).toBeFalsy()
+ })
+
+ it('should match source path', async () => {
+ const res = await fetchViaHTTP(next.url, '/source-match')
+ expect(res.status).toBe(200)
+ expect(res.headers.get('x-from-middleware')).toBeDefined()
+ })
+
+ it('should match has header', async () => {
+ const res = await fetchViaHTTP(next.url, '/has-match-1', undefined, {
+ headers: {
+ 'x-my-header': 'hello world!!',
+ },
+ })
+ expect(res.status).toBe(200)
+ expect(res.headers.get('x-from-middleware')).toBeDefined()
+
+ const res2 = await fetchViaHTTP(next.url, '/has-match-1')
+ expect(res2.status).toBe(404)
+ })
+
+ it('should match has query', async () => {
+ const res = await fetchViaHTTP(next.url, '/has-match-2', {
+ 'my-query': 'hellooo',
+ })
+ expect(res.status).toBe(200)
+ expect(res.headers.get('x-from-middleware')).toBeDefined()
+
+ const res2 = await fetchViaHTTP(next.url, '/has-match-2')
+ expect(res2.status).toBe(404)
+ })
+
+ it('should match has cookie', async () => {
+ const res = await fetchViaHTTP(next.url, '/has-match-3', undefined, {
+ headers: {
+ cookie: 'loggedIn=true',
+ },
+ })
+ expect(res.status).toBe(200)
+ expect(res.headers.get('x-from-middleware')).toBeDefined()
+
+ const res2 = await fetchViaHTTP(next.url, '/has-match-3', undefined, {
+ headers: {
+ cookie: 'loggedIn=false',
+ },
+ })
+ expect(res2.status).toBe(404)
+ })
+
+ // Cannot modify host when testing with real deployment
+ itif(!isModeDeploy)('should match has host', async () => {
+ const res1 = await fetchViaHTTP(next.url, '/has-match-4')
+ expect(res1.status).toBe(404)
+
+ const res = await fetchViaHTTP(next.url, '/has-match-4', undefined, {
+ headers: {
+ host: 'example.com',
+ },
+ })
+
+ expect(res.status).toBe(200)
+ expect(res.headers.get('x-from-middleware')).toBeDefined()
+
+ const res2 = await fetchViaHTTP(next.url, '/has-match-4', undefined, {
+ headers: {
+ host: 'example.org',
+ },
+ })
+ expect(res2.status).toBe(404)
+ })
+
+ it('should match has header value', async () => {
+ const res = await fetchViaHTTP(next.url, '/has-match-5', undefined, {
+ headers: {
+ hasParam: 'with-params',
+ },
+ })
+ expect(res.status).toBe(200)
+ expect(res.headers.get('x-from-middleware')).toBeDefined()
+
+ const res2 = await fetchViaHTTP(next.url, '/has-match-5', undefined, {
+ headers: {
+ hasParam: 'without-params',
+ },
+ })
+ expect(res2.status).toBe(404)
+ })
+
+ // FIXME: Test fails on Vercel deployment for now.
+ // See https://linear.app/vercel/issue/EC-160/header-value-set-on-middleware-is-not-propagated-on-client-request-of
+ itif(!isModeDeploy)('should match has query on client routing', async () => {
+ const browser = await webdriver(next.url, '/routes')
+ await browser.eval('window.__TEST_NO_RELOAD = true')
+ await browser.elementById('has-match-2').click()
+ const fromMiddleware = await browser.elementById('from-middleware').text()
+ expect(fromMiddleware).toBe('true')
+ const noReload = await browser.eval('window.__TEST_NO_RELOAD')
+ expect(noReload).toBe(true)
+ })
+
+ itif(!isModeDeploy)('should match has cookie on client routing', async () => {
+ const browser = await webdriver(next.url, '/routes')
+ await browser.addCookie({ name: 'loggedIn', value: 'true' })
+ await browser.refresh()
+ await browser.eval('window.__TEST_NO_RELOAD = true')
+ await browser.elementById('has-match-3').click()
+ const fromMiddleware = await browser.elementById('from-middleware').text()
+ expect(fromMiddleware).toBe('true')
+ const noReload = await browser.eval('window.__TEST_NO_RELOAD')
+ expect(noReload).toBe(true)
+ })
+ }
+ runTests()
+})
diff --git a/test/e2e/modified-tests/middleware-fetches-with-body/index.test.ts b/test/e2e/modified-tests/middleware-fetches-with-body/index.test.ts
new file mode 100644
index 0000000000..206ffc3e90
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-fetches-with-body/index.test.ts
@@ -0,0 +1,268 @@
+import { createNext } from 'e2e-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { fetchViaHTTP } from 'next-test-utils'
+const usuallySkip = process.env.RUN_SKIPPED_TESTS ? it : it.skip
+
+describe('Middleware fetches with body', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ next = await createNext({
+ files: {
+ 'pages/api/default.js': `
+ export default (req, res) => res.json({ body: req.body })
+ `,
+ 'pages/api/size_limit_5kb.js': `
+ export const config = { api: { bodyParser: { sizeLimit: '5kb' } } }
+ export default (req, res) => res.json({ body: req.body })
+ `,
+ 'pages/api/size_limit_5mb.js': `
+ export const config = { api: { bodyParser: { sizeLimit: '5mb' } } }
+ export default (req, res) => res.json({ body: req.body })
+ `,
+ 'pages/api/body_parser_false.js': `
+ export const config = { api: { bodyParser: false } }
+
+ async function buffer(readable) {
+ const chunks = []
+ for await (const chunk of readable) {
+ chunks.push(typeof chunk === 'string' ? Buffer.from(chunk) : chunk)
+ }
+ return Buffer.concat(chunks)
+ }
+
+ export default async (req, res) => {
+ const buf = await buffer(req)
+ const rawBody = buf.toString('utf8');
+
+ res.json({ rawBody, body: req.body })
+ }
+ `,
+ 'middleware.js': `
+ import { NextResponse } from 'next/server';
+
+ export default async (req) => NextResponse.next();
+ `,
+ },
+ dependencies: {},
+ })
+ })
+ afterAll(() => next.destroy())
+
+ describe('with default bodyParser sizeLimit (1mb)', () => {
+ it('should return 413 for body greater than 1mb', async () => {
+ const bodySize = 1024 * 1024 + 1
+ const body = 'r'.repeat(bodySize)
+
+ const res = await fetchViaHTTP(
+ next.url,
+ '/api/default',
+ {},
+ {
+ body,
+ method: 'POST',
+ },
+ )
+
+ expect(res.status).toBe(413)
+
+ if (!(global as any).isNextDeploy) {
+ expect(res.statusText).toBe('Body exceeded 1mb limit')
+ }
+ })
+
+ it('should be able to send and return body size equal to 1mb', async () => {
+ const bodySize = 1024 * 1024
+ const body = 'B1C2D3E4F5G6H7I8J9K0LaMbNcOdPeQf'.repeat(bodySize / 32)
+
+ const res = await fetchViaHTTP(
+ next.url,
+ '/api/default',
+ {},
+ {
+ body,
+ method: 'POST',
+ },
+ )
+ const data = await res.json()
+
+ expect(res.status).toBe(200)
+ expect(data.body.length).toBe(bodySize)
+ expect(data.body.split('B1C2D3E4F5G6H7I8J9K0LaMbNcOdPeQf').length).toBe(bodySize / 32 + 1)
+ })
+
+ it('should be able to send and return body greater than default highWaterMark (16KiB)', async () => {
+ const bodySize = 16 * 1024 + 1
+ const body = 'CD1E2F3G4H5I6J7K8L9M0NaObPcQdReS'.repeat(bodySize / 32) + 'C'
+
+ const res = await fetchViaHTTP(
+ next.url,
+ '/api/default',
+ {},
+ {
+ body,
+ method: 'POST',
+ },
+ )
+ const data = await res.json()
+
+ expect(res.status).toBe(200)
+ expect(data.body.length).toBe(bodySize)
+ expect(data.body.split('CD1E2F3G4H5I6J7K8L9M0NaObPcQdReS').length).toBe(512 + 1)
+ })
+ })
+
+ describe('with custom bodyParser sizeLimit (5kb)', () => {
+ it('should return 413 for body greater than 5kb', async () => {
+ const bodySize = 5 * 1024 + 1
+ const body = 's'.repeat(bodySize)
+
+ const res = await fetchViaHTTP(
+ next.url,
+ '/api/size_limit_5kb',
+ {},
+ {
+ body,
+ method: 'POST',
+ },
+ )
+
+ expect(res.status).toBe(413)
+
+ if (!(global as any).isNextDeploy) {
+ expect(res.statusText).toBe('Body exceeded 5kb limit')
+ }
+ })
+
+ it('should be able to send and return body size equal to 5kb', async () => {
+ const bodySize = 5120
+ const body = 'DEF1G2H3I4J5K6L7M8N9O0PaQbRcSdTe'.repeat(bodySize / 32)
+
+ const res = await fetchViaHTTP(
+ next.url,
+ '/api/size_limit_5kb',
+ {},
+ {
+ body,
+ method: 'POST',
+ },
+ )
+ const data = await res.json()
+
+ expect(res.status).toBe(200)
+ expect(data.body.length).toBe(bodySize)
+ expect(data.body.split('DEF1G2H3I4J5K6L7M8N9O0PaQbRcSdTe').length).toBe(bodySize / 32 + 1)
+ })
+ })
+
+ describe('with custom bodyParser sizeLimit (5mb)', () => {
+ // NTL: disabled because of EF bug
+ usuallySkip('should return 413 for body equal to 10mb', async () => {
+ const bodySize = 10 * 1024 * 1024
+ const body = 't'.repeat(bodySize)
+
+ const res = await fetchViaHTTP(
+ next.url,
+ '/api/size_limit_5mb',
+ {},
+ {
+ body,
+ method: 'POST',
+ },
+ )
+
+ expect(res.status).toBe(413)
+
+ if (!(global as any).isNextDeploy) {
+ expect(res.statusText).toBe('Body exceeded 5mb limit')
+ }
+ })
+
+ it('should return 413 for body greater than 5mb', async () => {
+ const bodySize = 5 * 1024 * 1024 + 1
+ const body = 'u'.repeat(bodySize)
+
+ const res = await fetchViaHTTP(
+ next.url,
+ '/api/size_limit_5mb',
+ {},
+ {
+ body,
+ method: 'POST',
+ },
+ )
+
+ expect(res.status).toBe(413)
+
+ if (!(global as any).isNextDeploy) {
+ expect(res.statusText).toBe('Body exceeded 5mb limit')
+ }
+ })
+
+ if (!(global as any).isNextDeploy) {
+ it('should be able to send and return body size equal to 5mb', async () => {
+ const bodySize = 5 * 1024 * 1024
+ const body = 'FGHI1J2K3L4M5N6O7P8Q9R0SaTbUcVdW'.repeat(bodySize / 32)
+
+ const res = await fetchViaHTTP(
+ next.url,
+ '/api/size_limit_5mb',
+ {},
+ {
+ body,
+ method: 'POST',
+ },
+ )
+ const data = await res.json()
+
+ expect(res.status).toBe(200)
+ expect(data.body.length).toBe(bodySize)
+ expect(data.body.split('FGHI1J2K3L4M5N6O7P8Q9R0SaTbUcVdW').length).toBe(bodySize / 32 + 1)
+ })
+ }
+ })
+
+ describe('with bodyParser = false', () => {
+ it('should be able to send and return with body size equal to 16KiB', async () => {
+ const bodySize = 16 * 1024
+ const body = 'HIJK1L2M3N4O5P6Q7R8S9T0UaVbWcXdY'.repeat(bodySize / 32)
+
+ const res = await fetchViaHTTP(
+ next.url,
+ '/api/body_parser_false',
+ {},
+ {
+ body,
+ method: 'POST',
+ },
+ )
+ const data = await res.json()
+
+ expect(res.status).toBe(200)
+ expect(data.body).toBeUndefined()
+ expect(data.rawBody.length).toBe(bodySize)
+ expect(data.rawBody.split('HIJK1L2M3N4O5P6Q7R8S9T0UaVbWcXdY').length).toBe(bodySize / 32 + 1)
+ })
+
+ it('should be able to send and return with body greater than 16KiB', async () => {
+ const bodySize = 1024 * 1024
+ const body = 'JKLM1N2O3P4Q5R6S7T8U9V0WaXbYcZdA'.repeat(bodySize / 32)
+
+ const res = await fetchViaHTTP(
+ next.url,
+ '/api/body_parser_false',
+ {},
+ {
+ body,
+ method: 'POST',
+ },
+ )
+ const data = await res.json()
+
+ expect(res.status).toBe(200)
+ expect(data.body).toBeUndefined()
+ expect(data.rawBody.length).toBe(bodySize)
+ expect(data.rawBody.split('JKLM1N2O3P4Q5R6S7T8U9V0WaXbYcZdA').length).toBe(bodySize / 32 + 1)
+ })
+ })
+})
diff --git a/test/e2e/modified-tests/middleware-general/app/middleware.js b/test/e2e/modified-tests/middleware-general/app/middleware.js
new file mode 100644
index 0000000000..54e5b196af
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/middleware.js
@@ -0,0 +1,273 @@
+/* global globalThis */
+import { NextRequest, NextResponse, URLPattern } from 'next/server'
+import magicValue from 'shared-package'
+
+export const config = { regions: 'auto' }
+
+const PATTERNS = [
+ [
+ new URLPattern({ pathname: '/:locale/:id' }),
+ ({ pathname }) => ({
+ pathname: '/:locale/:id',
+ params: pathname.groups,
+ }),
+ ],
+ [
+ new URLPattern({ pathname: '/:id' }),
+ ({ pathname }) => ({
+ pathname: '/:id',
+ params: pathname.groups,
+ }),
+ ],
+]
+
+const params = (url) => {
+ const input = url.split('?')[0]
+ let result = {}
+
+ for (const [pattern, handler] of PATTERNS) {
+ const patternResult = pattern.exec(input)
+ if (patternResult !== null && 'pathname' in patternResult) {
+ result = handler(patternResult)
+ break
+ }
+ }
+ return result
+}
+
+export async function middleware(request) {
+ const url = request.nextUrl
+
+ if (request.headers.get('x-prerender-revalidate')) {
+ return NextResponse.next({
+ headers: { 'x-middleware': 'hi' },
+ })
+ }
+
+ // this is needed for tests to get the BUILD_ID
+ if (url.pathname.startsWith('/_next/static/__BUILD_ID')) {
+ return NextResponse.next()
+ }
+
+ if (url.pathname === '/api/edge-search-params') {
+ const newUrl = url.clone()
+ newUrl.searchParams.set('foo', 'bar')
+ return NextResponse.rewrite(newUrl)
+ }
+
+ if (url.pathname === '/') {
+ url.pathname = '/ssg/first'
+ return NextResponse.rewrite(url)
+ }
+
+ if (url.pathname === '/to-ssg') {
+ url.pathname = '/ssg/hello'
+ url.searchParams.set('from', 'middleware')
+ return NextResponse.rewrite(url)
+ }
+
+ if (url.pathname === '/sha') {
+ url.pathname = '/shallow'
+ return NextResponse.rewrite(url)
+ }
+
+ if (url.pathname.startsWith('/fetch-user-agent-default')) {
+ try {
+ const apiRoute = new URL(url)
+ apiRoute.pathname = '/api/headers'
+ const res = await fetch(withLocalIp(apiRoute))
+ return serializeData(await res.text())
+ } catch (err) {
+ return serializeError(err)
+ }
+ }
+
+ if (url.pathname === '/rewrite-to-dynamic') {
+ url.pathname = '/blog/from-middleware'
+ url.searchParams.set('some', 'middleware')
+ return NextResponse.rewrite(url)
+ }
+
+ if (url.pathname === '/rewrite-to-config-rewrite') {
+ url.pathname = '/rewrite-3'
+ url.searchParams.set('some', 'middleware')
+ return NextResponse.rewrite(url)
+ }
+
+ if (url.pathname.startsWith('/fetch-user-agent-crypto')) {
+ try {
+ const apiRoute = new URL(url)
+ apiRoute.pathname = '/api/headers'
+ const res = await fetch(withLocalIp(apiRoute), {
+ headers: {
+ 'user-agent': 'custom-agent',
+ },
+ })
+ return serializeData(await res.text())
+ } catch (err) {
+ return serializeError(err)
+ }
+ }
+
+ if (url.pathname === '/global') {
+ // The next line is required to allow to find the env variable
+ // eslint-disable-next-line no-unused-expressions
+ process.env.MIDDLEWARE_TEST
+
+ // The next line is required to allow to find the env variable
+ // eslint-disable-next-line no-unused-expressions
+ const { ANOTHER_MIDDLEWARE_TEST } = process.env
+ if (!ANOTHER_MIDDLEWARE_TEST) {
+ console.log('missing ANOTHER_MIDDLEWARE_TEST')
+ }
+
+ const { STRING_ENV_VAR: stringEnvVar } = process['env']
+ if (!stringEnvVar) {
+ console.log('missing STRING_ENV_VAR')
+ }
+
+ return serializeData(JSON.stringify({ process: { env: process.env } }))
+ }
+
+ if (url.pathname.endsWith('/globalthis')) {
+ return serializeData(JSON.stringify(Object.keys(globalThis)))
+ }
+
+ if (url.pathname.endsWith('/webcrypto')) {
+ const response = {}
+ try {
+ const algorithm = {
+ name: 'RSA-PSS',
+ hash: 'SHA-256',
+ publicExponent: new Uint8Array([0x01, 0x00, 0x01]),
+ modulusLength: 2048,
+ }
+ const keyUsages = ['sign', 'verify']
+ await crypto.subtle.generateKey(algorithm, false, keyUsages)
+ } catch (err) {
+ response.error = true
+ } finally {
+ return serializeData(JSON.stringify(response))
+ }
+ }
+
+ if (url.pathname.endsWith('/fetch-url')) {
+ const response = {}
+ try {
+ await fetch(new URL('http://localhost'))
+ } catch (err) {
+ response.error = {
+ name: err.name,
+ message: err.message,
+ }
+ } finally {
+ return serializeData(JSON.stringify(response))
+ }
+ }
+
+ if (url.pathname === '/abort-controller') {
+ const controller = new AbortController()
+ const signal = controller.signal
+
+ controller.abort()
+ const response = {}
+
+ try {
+ await fetch('https://example.vercel.sh', { signal })
+ } catch (err) {
+ response.error = {
+ name: err.name,
+ message: err.message,
+ }
+ } finally {
+ return serializeData(JSON.stringify(response))
+ }
+ }
+
+ if (url.pathname.endsWith('/root-subrequest')) {
+ const res = await fetch(url)
+ res.headers.set('x-dynamic-path', 'true')
+ return res
+ }
+
+ if (url.pathname === '/about') {
+ if (magicValue !== 42) throw new Error('shared-package problem')
+ return NextResponse.rewrite(new URL('/about/a', request.url))
+ }
+
+ if (url.pathname === '/redirect-to-somewhere') {
+ url.pathname = '/somewhere'
+ return NextResponse.redirect(url, {
+ headers: {
+ 'x-redirect-header': 'hi',
+ },
+ })
+ }
+
+ if (url.pathname.startsWith('/url')) {
+ try {
+ if (request.nextUrl.pathname === '/url/relative-url') {
+ new URL('/relative')
+ return Response.next()
+ }
+
+ if (request.nextUrl.pathname === '/url/relative-request') {
+ await fetch(new Request('/urls-b'))
+ return Response.next()
+ }
+
+ if (request.nextUrl.pathname === '/url/relative-redirect') {
+ return Response.redirect('/urls-b')
+ }
+
+ if (request.nextUrl.pathname === '/url/relative-next-redirect') {
+ return NextResponse.redirect('/urls-b')
+ }
+
+ if (request.nextUrl.pathname === '/url/relative-next-rewrite') {
+ return NextResponse.rewrite('/urls-b')
+ }
+
+ if (request.nextUrl.pathname === '/url/relative-next-request') {
+ await fetch(new NextRequest('/urls-b'))
+ return NextResponse.next()
+ }
+ } catch (error) {
+ return new NextResponse(null, { headers: { error: error.message } })
+ }
+ }
+
+ if (url.pathname === '/ssr-page') {
+ url.pathname = '/ssr-page-2'
+ return NextResponse.rewrite(url)
+ }
+
+ if (url.pathname === '/error-throw' && request.__isData) {
+ throw new Error('test error')
+ }
+
+ const original = new URL(request.url)
+ return NextResponse.next({
+ headers: {
+ 'req-url-path': `${original.pathname}${original.search}`,
+ 'req-url-basepath': request.nextUrl.basePath,
+ 'req-url-pathname': request.nextUrl.pathname,
+ 'req-url-query': request.nextUrl.searchParams.get('foo'),
+ 'req-url-locale': request.nextUrl.locale,
+ 'req-url-params':
+ url.pathname !== '/static' ? JSON.stringify(params(request.url)) : '{}',
+ },
+ })
+}
+
+function serializeData(data) {
+ return new NextResponse(null, { headers: { data } })
+}
+
+function serializeError(error) {
+ return new NextResponse(null, { headers: { error: error.message } })
+}
+
+function withLocalIp(url) {
+ return String(url).replace('localhost', '127.0.0.1')
+}
diff --git a/test/e2e/modified-tests/middleware-general/app/next.config.js b/test/e2e/modified-tests/middleware-general/app/next.config.js
new file mode 100644
index 0000000000..9308df9dcb
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/next.config.js
@@ -0,0 +1,35 @@
+module.exports = {
+ i18n: {
+ locales: ['en', 'fr', 'nl'],
+ defaultLocale: 'en',
+ },
+ redirects() {
+ return [
+ {
+ source: '/redirect-1',
+ destination: '/somewhere/else',
+ permanent: false,
+ },
+ ]
+ },
+ rewrites() {
+ return [
+ {
+ source: '/rewrite-1',
+ destination: '/ssr-page?from=config',
+ },
+ {
+ source: '/rewrite-2',
+ destination: '/about/a?from=next-config',
+ },
+ {
+ source: '/sha',
+ destination: '/shallow',
+ },
+ {
+ source: '/rewrite-3',
+ destination: '/blog/middleware-rewrite?hello=config',
+ },
+ ]
+ },
+}
diff --git a/test/e2e/modified-tests/middleware-general/app/node_modules/shared-package/index.js b/test/e2e/modified-tests/middleware-general/app/node_modules/shared-package/index.js
new file mode 100644
index 0000000000..a8653a9c92
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/node_modules/shared-package/index.js
@@ -0,0 +1 @@
+module.exports = 42
diff --git a/test/e2e/modified-tests/middleware-general/app/node_modules/shared-package/package.json b/test/e2e/modified-tests/middleware-general/app/node_modules/shared-package/package.json
new file mode 100644
index 0000000000..1587a66968
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/node_modules/shared-package/package.json
@@ -0,0 +1,3 @@
+{
+ "version": "1.0.0"
+}
diff --git a/test/e2e/modified-tests/middleware-general/app/pages/[id].js b/test/e2e/modified-tests/middleware-general/app/pages/[id].js
new file mode 100644
index 0000000000..11f4614a67
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/pages/[id].js
@@ -0,0 +1,3 @@
+export default function Index() {
+ return Dynamic route
+}
diff --git a/test/e2e/modified-tests/middleware-general/app/pages/_app.js b/test/e2e/modified-tests/middleware-general/app/pages/_app.js
new file mode 100644
index 0000000000..65e905445e
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/pages/_app.js
@@ -0,0 +1,8 @@
+export default function App({ Component, pageProps }) {
+ if (!pageProps || typeof pageProps !== 'object') {
+ throw new Error(
+ `Invariant: received invalid pageProps in _app, received ${pageProps}`
+ )
+ }
+ return
+
AboutA
+
+ )
+}
diff --git a/test/e2e/modified-tests/middleware-general/app/pages/about/b.js b/test/e2e/modified-tests/middleware-general/app/pages/about/b.js
new file mode 100644
index 0000000000..7a44254c45
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/pages/about/b.js
@@ -0,0 +1,7 @@
+export default function AboutB() {
+ return (
+
+
AboutB
+
+ )
+}
diff --git a/test/e2e/modified-tests/middleware-general/app/pages/api/edge-search-params.js b/test/e2e/modified-tests/middleware-general/app/pages/api/edge-search-params.js
new file mode 100644
index 0000000000..01a968ee9d
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/pages/api/edge-search-params.js
@@ -0,0 +1,10 @@
+import { NextResponse } from 'next/server'
+
+export const config = { runtime: 'experimental-edge', regions: 'default' }
+
+/**
+ * @param {import('next/server').NextRequest}
+ */
+export default (req) => {
+ return NextResponse.json(Object.fromEntries(req.nextUrl.searchParams))
+}
diff --git a/test/e2e/modified-tests/middleware-general/app/pages/api/headers.js b/test/e2e/modified-tests/middleware-general/app/pages/api/headers.js
new file mode 100644
index 0000000000..0f65c82e9f
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/pages/api/headers.js
@@ -0,0 +1,3 @@
+export default function handler(req, res) {
+ res.json({ url: req.url, headers: req.headers })
+}
diff --git a/test/e2e/modified-tests/middleware-general/app/pages/blog/[slug].js b/test/e2e/modified-tests/middleware-general/app/pages/blog/[slug].js
new file mode 100644
index 0000000000..590ca0dcc1
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/pages/blog/[slug].js
@@ -0,0 +1,23 @@
+import { useRouter } from 'next/router'
+
+export default function Page(props) {
+ const router = useRouter()
+ return (
+ <>
+ /blog/[slug]
+ {JSON.stringify(router.query)}
+ {router.pathname}
+ {router.asPath}
+ {JSON.stringify(props)}
+
+ )
+}
+
+export function getServerSideProps({ params }) {
+ return {
+ props: {
+ now: Date.now(),
+ params,
+ },
+ }
+}
diff --git a/test/e2e/modified-tests/middleware-general/app/pages/error-throw.js b/test/e2e/modified-tests/middleware-general/app/pages/error-throw.js
new file mode 100644
index 0000000000..b8a8706e5f
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/pages/error-throw.js
@@ -0,0 +1,12 @@
+export default function ThrowOnData({ message }) {
+ return (
+
+
Throw on data request
+
{message}
+
+
+ )
+}
diff --git a/test/e2e/modified-tests/middleware-general/app/pages/shallow.js b/test/e2e/modified-tests/middleware-general/app/pages/shallow.js
new file mode 100644
index 0000000000..4d1c8564ee
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/pages/shallow.js
@@ -0,0 +1,43 @@
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+
+export default function Shallow({ message }) {
+ const { pathname, query } = useRouter()
+ return (
+
+
+ {message}
+
+
+
+
+
+
+ Current path: {pathname}
+
+
+
+
+ Current query: {JSON.stringify(query)}
+
+
+
+
/blog/[slug]
+ {JSON.stringify(router.query)}
+ {router.pathname}
+ {asPath}
+ {JSON.stringify(props)}
+
+ )
+}
+
+export function getStaticProps({ params }) {
+ return {
+ props: {
+ now: Date.now(),
+ params,
+ },
+ }
+}
+
+export function getStaticPaths() {
+ return {
+ paths: ['/ssg/first', '/ssg/hello'],
+ fallback: 'blocking',
+ }
+}
diff --git a/test/e2e/modified-tests/middleware-general/app/pages/ssr-page-2.js b/test/e2e/modified-tests/middleware-general/app/pages/ssr-page-2.js
new file mode 100644
index 0000000000..67e1b70868
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/pages/ssr-page-2.js
@@ -0,0 +1,11 @@
+export default function SSRPage(props) {
+ return {props.message}
+}
+
+export const getServerSideProps = (req) => {
+ return {
+ props: {
+ message: 'Bye Cruel World',
+ },
+ }
+}
diff --git a/test/e2e/modified-tests/middleware-general/app/pages/ssr-page.js b/test/e2e/modified-tests/middleware-general/app/pages/ssr-page.js
new file mode 100644
index 0000000000..e2aaaa56b4
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/app/pages/ssr-page.js
@@ -0,0 +1,11 @@
+export default function SSRPage(props) {
+ return {props.message}
+}
+
+export const getServerSideProps = (req) => {
+ return {
+ props: {
+ message: 'Hello World',
+ },
+ }
+}
diff --git a/test/e2e/modified-tests/middleware-general/test/index.test.ts b/test/e2e/modified-tests/middleware-general/test/index.test.ts
new file mode 100644
index 0000000000..56af39e645
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-general/test/index.test.ts
@@ -0,0 +1,566 @@
+/* eslint-env jest */
+
+import fs from 'fs-extra'
+import { join } from 'path'
+import webdriver from 'next-webdriver'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { check, fetchViaHTTP, waitFor } from 'next-test-utils'
+import { createNext, FileRef } from 'e2e-utils'
+
+const urlsError = 'Please use only absolute URLs'
+const usuallySkip = process.env.RUN_SKIPPED_TESTS ? it : it.skip
+
+describe('Middleware Runtime', () => {
+ let next: NextInstance
+
+ const setup = ({ i18n }: { i18n: boolean }) => {
+ let nextConfigContent = ''
+ const nextConfigPath = join(__dirname, '../app/next.config.js')
+
+ afterAll(async () => {
+ await next.destroy()
+
+ if (nextConfigContent) {
+ await fs.writeFile(nextConfigPath, nextConfigContent)
+ }
+ })
+ beforeAll(async () => {
+ if (!i18n) {
+ nextConfigContent = await fs.readFile(nextConfigPath, 'utf8')
+ await fs.writeFile(nextConfigPath, nextConfigContent.replace('i18n', '__i18n'))
+ }
+ next = await createNext({
+ files: {
+ 'next.config.js': new FileRef(join(__dirname, '../app/next.config.js')),
+ 'middleware.js': new FileRef(join(__dirname, '../app/middleware.js')),
+ pages: new FileRef(join(__dirname, '../app/pages')),
+ 'shared-package': new FileRef(join(__dirname, '../app/node_modules/shared-package')),
+ },
+ packageJson: {
+ scripts: {
+ setup: `cp -r ./shared-package ./node_modules`,
+ build: 'yarn setup && next build',
+ dev: 'yarn setup && next dev',
+ start: 'next start',
+ },
+ },
+ startCommand: (global as any).isNextDev ? 'yarn dev' : 'yarn start',
+ buildCommand: 'yarn build',
+ env: {
+ ANOTHER_MIDDLEWARE_TEST: 'asdf2',
+ STRING_ENV_VAR: 'asdf3',
+ MIDDLEWARE_TEST: 'asdf',
+ },
+ })
+ })
+ }
+
+ function readMiddlewareJSON(response) {
+ return JSON.parse(response.headers.get('data'))
+ }
+
+ function readMiddlewareError(response) {
+ return response.headers.get('error')
+ }
+
+ function runTests({ i18n }: { i18n?: boolean }) {
+ if ((global as any).isNextDev) {
+ it('refreshes the page when middleware changes ', async () => {
+ const browser = await webdriver(next.url, `/about`)
+ await browser.eval('window.didrefresh = "hello"')
+ const text = await browser.elementByCss('h1').text()
+ expect(text).toEqual('AboutA')
+
+ const middlewarePath = join(next.testDir, '/middleware.js')
+ const originalContent = fs.readFileSync(middlewarePath, 'utf-8')
+ const editedContent = originalContent.replace('/about/a', '/about/b')
+
+ try {
+ fs.writeFileSync(middlewarePath, editedContent)
+ await waitFor(1000)
+ const textb = await browser.elementByCss('h1').text()
+ expect(await browser.eval('window.itdidnotrefresh')).not.toBe('hello')
+ expect(textb).toEqual('AboutB')
+ } finally {
+ fs.writeFileSync(middlewarePath, originalContent)
+ await browser.close()
+ }
+ })
+
+ it('should only contain middleware route in dev middleware manifest', async () => {
+ const res = await fetchViaHTTP(next.url, `/_next/static/${next.buildId}/_devMiddlewareManifest.json`)
+ const matchers = await res.json()
+ expect(matchers).toEqual([{ regexp: '.*' }])
+ })
+ }
+
+ if ((global as any).isNextStart) {
+ it('should have valid middleware field in manifest', async () => {
+ const manifest = await fs.readJSON(join(next.testDir, '.next/server/middleware-manifest.json'))
+ expect(manifest.middleware).toEqual({
+ '/': {
+ env: ['MIDDLEWARE_TEST', 'ANOTHER_MIDDLEWARE_TEST', 'STRING_ENV_VAR'],
+ files: expect.arrayContaining(['server/edge-runtime-webpack.js', 'server/middleware.js']),
+ name: 'middleware',
+ page: '/',
+ matchers: [{ regexp: '^/.*$' }],
+ wasm: [],
+ assets: [],
+ regions: 'auto',
+ },
+ })
+ })
+
+ it('should have the custom config in the manifest', async () => {
+ const manifest = await fs.readJSON(join(next.testDir, '.next/server/middleware-manifest.json'))
+
+ expect(manifest.functions['/api/edge-search-params']).toHaveProperty('regions', 'default')
+ })
+
+ it('should have correct files in manifest', async () => {
+ const manifest = await fs.readJSON(join(next.testDir, '.next/server/middleware-manifest.json'))
+ for (const key of Object.keys(manifest.middleware)) {
+ const middleware = manifest.middleware[key]
+ expect(middleware.files).toContainEqual(expect.stringContaining('server/edge-runtime-webpack'))
+ expect(middleware.files).not.toContainEqual(expect.stringContaining('static/chunks/'))
+ }
+ })
+
+ it('should not run middleware for on-demand revalidate', async () => {
+ const bypassToken = (await fs.readJSON(join(next.testDir, '.next/prerender-manifest.json'))).preview
+ .previewModeId
+
+ const res = await fetchViaHTTP(next.url, '/ssg/first', undefined, {
+ headers: {
+ 'x-prerender-revalidate': bypassToken,
+ },
+ })
+ expect(res.status).toBe(200)
+ expect(res.headers.get('x-middleware')).toBeFalsy()
+ expect(res.headers.get('x-nextjs-cache')).toBe('REVALIDATED')
+ })
+ }
+ // NTL Fail
+ usuallySkip('passes search params with rewrites', async () => {
+ const response = await fetchViaHTTP(next.url, `/api/edge-search-params`, {
+ a: 'b',
+ })
+ await expect(response.json()).resolves.toMatchObject({
+ a: 'b',
+ // included from middleware
+ foo: 'bar',
+ })
+ })
+
+ it('should have init header for NextResponse.redirect', async () => {
+ const res = await fetchViaHTTP(next.url, '/redirect-to-somewhere', undefined, {
+ redirect: 'manual',
+ })
+ expect(res.status).toBe(307)
+ expect(new URL(res.headers.get('location'), 'http://n').pathname).toBe('/somewhere')
+ expect(res.headers.get('x-redirect-header')).toBe('hi')
+ })
+
+ it('should have correct query values for rewrite to ssg page', async () => {
+ const browser = await webdriver(next.url, '/to-ssg', {
+ waitHydration: false,
+ })
+ const requests = []
+
+ browser.on('request', (req) => {
+ console.error('request', req.url(), req.method())
+ if (req.method() === 'HEAD') {
+ requests.push(req.url())
+ }
+ })
+ await browser.eval('window.beforeNav = 1')
+
+ await check(async () => {
+ const didReq = await browser.eval('next.router.isReady')
+ return didReq || requests.some((req) => new URL(req, 'http://n').pathname.endsWith('/to-ssg.json'))
+ ? 'found'
+ : JSON.stringify(requests)
+ }, 'found')
+
+ await check(() => browser.eval('document.documentElement.innerHTML'), /"slug":"hello"/)
+
+ await check(() => browser.elementByCss('body').text(), /\/to-ssg/)
+
+ expect(JSON.parse(await browser.elementByCss('#query').text())).toEqual({
+ slug: 'hello',
+ })
+ expect(JSON.parse(await browser.elementByCss('#props').text()).params).toEqual({
+ slug: 'hello',
+ })
+ expect(await browser.elementByCss('#pathname').text()).toBe('/ssg/[slug]')
+ expect(await browser.elementByCss('#as-path').text()).toBe('/to-ssg')
+ })
+
+ it('should have correct dynamic route params on client-transition to dynamic route', async () => {
+ const browser = await webdriver(next.url, '/')
+ await browser.eval('window.beforeNav = 1')
+ await browser.eval('window.next.router.push("/blog/first")')
+ await browser.waitForElementByCss('#blog')
+
+ expect(JSON.parse(await browser.elementByCss('#query').text())).toEqual({
+ slug: 'first',
+ })
+ expect(JSON.parse(await browser.elementByCss('#props').text()).params).toEqual({
+ slug: 'first',
+ })
+ expect(await browser.elementByCss('#pathname').text()).toBe('/blog/[slug]')
+ expect(await browser.elementByCss('#as-path').text()).toBe('/blog/first')
+
+ await browser.eval('window.next.router.push("/blog/second")')
+ await check(() => browser.elementByCss('body').text(), /"slug":"second"/)
+
+ expect(JSON.parse(await browser.elementByCss('#query').text())).toEqual({
+ slug: 'second',
+ })
+ expect(JSON.parse(await browser.elementByCss('#props').text()).params).toEqual({
+ slug: 'second',
+ })
+ expect(await browser.elementByCss('#pathname').text()).toBe('/blog/[slug]')
+ expect(await browser.elementByCss('#as-path').text()).toBe('/blog/second')
+ })
+
+ it('should have correct dynamic route params for middleware rewrite to dynamic route', async () => {
+ const browser = await webdriver(next.url, '/')
+ await browser.eval('window.beforeNav = 1')
+ await browser.eval('window.next.router.push("/rewrite-to-dynamic")')
+ await browser.waitForElementByCss('#blog')
+
+ expect(JSON.parse(await browser.elementByCss('#query').text())).toEqual({
+ slug: 'from-middleware',
+ some: 'middleware',
+ })
+ expect(JSON.parse(await browser.elementByCss('#props').text()).params).toEqual({
+ slug: 'from-middleware',
+ })
+ expect(await browser.elementByCss('#pathname').text()).toBe('/blog/[slug]')
+ expect(await browser.elementByCss('#as-path').text()).toBe('/rewrite-to-dynamic')
+ })
+
+ it('should have correct route params for chained rewrite from middleware to config rewrite', async () => {
+ const browser = await webdriver(next.url, '/')
+ await browser.eval('window.beforeNav = 1')
+ await browser.eval('window.next.router.push("/rewrite-to-config-rewrite")')
+ await browser.waitForElementByCss('#blog')
+
+ expect(JSON.parse(await browser.elementByCss('#query').text())).toEqual({
+ slug: 'middleware-rewrite',
+ hello: 'config',
+ some: 'middleware',
+ })
+ expect(JSON.parse(await browser.elementByCss('#props').text()).params).toEqual({
+ slug: 'middleware-rewrite',
+ })
+ expect(await browser.elementByCss('#pathname').text()).toBe('/blog/[slug]')
+ expect(await browser.elementByCss('#as-path').text()).toBe('/rewrite-to-config-rewrite')
+ })
+ // NTL Fail
+ usuallySkip('should have correct route params for rewrite from config dynamic route', async () => {
+ const browser = await webdriver(next.url, '/')
+ await browser.eval('window.beforeNav = 1')
+ await browser.eval('window.next.router.push("/rewrite-3")')
+ await browser.waitForElementByCss('#blog')
+
+ expect(JSON.parse(await browser.elementByCss('#query').text())).toEqual({
+ slug: 'middleware-rewrite',
+ hello: 'config',
+ })
+ expect(JSON.parse(await browser.elementByCss('#props').text()).params).toEqual({
+ slug: 'middleware-rewrite',
+ })
+ expect(await browser.elementByCss('#pathname').text()).toBe('/blog/[slug]')
+ expect(await browser.elementByCss('#as-path').text()).toBe('/rewrite-3')
+ })
+ // NTL Fail
+ usuallySkip('should have correct route params for rewrite from config non-dynamic route', async () => {
+ const browser = await webdriver(next.url, '/')
+ await browser.eval('window.beforeNav = 1')
+ await browser.eval('window.next.router.push("/rewrite-1")')
+
+ await check(() => browser.eval('document.documentElement.innerHTML'), /Hello World/)
+
+ expect(await browser.eval('window.next.router.query')).toEqual({
+ from: 'config',
+ })
+ })
+ // NTL Fail
+ usuallySkip('should redirect the same for direct visit and client-transition', async () => {
+ const res = await fetchViaHTTP(next.url, `/redirect-1`, undefined, {
+ redirect: 'manual',
+ })
+ expect(res.status).toBe(307)
+ expect(new URL(res.headers.get('location'), 'http://n').pathname).toBe('/somewhere/else')
+
+ const browser = await webdriver(next.url, `/`)
+ await browser.eval(`next.router.push('/redirect-1')`)
+ await check(async () => {
+ const pathname = await browser.eval('location.pathname')
+ return pathname === '/somewhere/else' ? 'success' : pathname
+ }, 'success')
+ })
+ // NTL Fail
+ usuallySkip('should rewrite the same for direct visit and client-transition', async () => {
+ const res = await fetchViaHTTP(next.url, `/rewrite-1`)
+ expect(res.status).toBe(200)
+ expect(await res.text()).toContain('Hello World')
+
+ const browser = await webdriver(next.url, `/`)
+ await browser.eval('window.beforeNav = 1')
+ await browser.eval(`next.router.push('/rewrite-1')`)
+ await check(async () => {
+ const content = await browser.eval('document.documentElement.innerHTML')
+ return content.includes('Hello World') ? 'success' : content
+ }, 'success')
+ expect(await browser.eval('window.beforeNav')).toBe(1)
+ })
+ // NTL Fail
+ usuallySkip('should rewrite correctly for non-SSG/SSP page', async () => {
+ const res = await fetchViaHTTP(next.url, `/rewrite-2`)
+ expect(res.status).toBe(200)
+ expect(await res.text()).toContain('AboutA')
+
+ const browser = await webdriver(next.url, `/`)
+ await browser.eval(`next.router.push('/rewrite-2')`)
+ await check(async () => {
+ const content = await browser.eval('document.documentElement.innerHTML')
+ return content.includes('AboutA') ? 'success' : content
+ }, 'success')
+ })
+
+ it('should respond with 400 on decode failure', async () => {
+ const res = await fetchViaHTTP(next.url, `/%2`)
+ expect(res.status).toBe(400)
+
+ if ((global as any).isNextStart) {
+ expect(await res.text()).toContain('Bad Request')
+ }
+ })
+
+ if (!(global as any).isNextDeploy) {
+ // user agent differs on Vercel
+ it('should set fetch user agent correctly', async () => {
+ const res = await fetchViaHTTP(next.url, `/fetch-user-agent-default`)
+
+ expect(readMiddlewareJSON(res).headers['user-agent']).toBe('Next.js Middleware')
+
+ const res2 = await fetchViaHTTP(next.url, `/fetch-user-agent-crypto`)
+ expect(readMiddlewareJSON(res2).headers['user-agent']).toBe('custom-agent')
+ })
+ }
+ // NTL Fail
+ usuallySkip('should contain process polyfill', async () => {
+ const res = await fetchViaHTTP(next.url, `/global`)
+ expect(readMiddlewareJSON(res)).toEqual({
+ process: {
+ env: {
+ ANOTHER_MIDDLEWARE_TEST: 'asdf2',
+ STRING_ENV_VAR: 'asdf3',
+ MIDDLEWARE_TEST: 'asdf',
+ ...((global as any).isNextDeploy
+ ? {}
+ : {
+ NEXT_RUNTIME: 'edge',
+ }),
+ },
+ },
+ })
+ })
+
+ it(`should contain \`globalThis\``, async () => {
+ const res = await fetchViaHTTP(next.url, '/globalthis')
+ expect(readMiddlewareJSON(res).length > 0).toBe(true)
+ })
+
+ it(`should contain crypto APIs`, async () => {
+ const res = await fetchViaHTTP(next.url, '/webcrypto')
+ expect('error' in readMiddlewareJSON(res)).toBe(false)
+ })
+
+ if (!(global as any).isNextDeploy) {
+ it(`should accept a URL instance for fetch`, async () => {
+ const response = await fetchViaHTTP(next.url, '/fetch-url')
+ // TODO: why is an error expected here if it should work?
+ const { error } = readMiddlewareJSON(response)
+ expect(error).toBeTruthy()
+ expect(error.message).not.toContain("Failed to construct 'URL'")
+ })
+ }
+ // Fail
+ usuallySkip(`should allow to abort a fetch request`, async () => {
+ const response = await fetchViaHTTP(next.url, '/abort-controller')
+ const payload = readMiddlewareJSON(response)
+ expect('error' in payload).toBe(true)
+ expect(payload.error.name).toBe('AbortError')
+ expect(payload.error.message).toContain('The operation was aborted')
+ })
+
+ it(`should validate & parse request url from any route`, async () => {
+ const res = await fetchViaHTTP(next.url, `/static`)
+
+ expect(res.headers.get('req-url-basepath')).toBeFalsy()
+ expect(res.headers.get('req-url-pathname')).toBe('/static')
+
+ const { pathname, params } = JSON.parse(res.headers.get('req-url-params'))
+ expect(pathname).toBe(undefined)
+ expect(params).toEqual(undefined)
+
+ expect(res.headers.get('req-url-query')).not.toBe('bar')
+ })
+
+ if (i18n) {
+ it(`should validate & parse request url from a dynamic route with params`, async () => {
+ const res = await fetchViaHTTP(next.url, `/fr/1`)
+
+ expect(res.headers.get('req-url-basepath')).toBeFalsy()
+ expect(res.headers.get('req-url-pathname')).toBe('/1')
+
+ const { pathname, params } = JSON.parse(res.headers.get('req-url-params'))
+ expect(pathname).toBe('/:locale/:id')
+ expect(params).toEqual({ locale: 'fr', id: '1' })
+
+ expect(res.headers.get('req-url-query')).not.toBe('bar')
+ expect(res.headers.get('req-url-locale')).toBe('fr')
+ })
+
+ it(`should validate & parse request url from a dynamic route with params and no query`, async () => {
+ const res = await fetchViaHTTP(next.url, `/fr/abc123`)
+ expect(res.headers.get('req-url-basepath')).toBeFalsy()
+
+ const { pathname, params } = JSON.parse(res.headers.get('req-url-params'))
+ expect(pathname).toBe('/:locale/:id')
+ expect(params).toEqual({ locale: 'fr', id: 'abc123' })
+
+ expect(res.headers.get('req-url-query')).not.toBe('bar')
+ expect(res.headers.get('req-url-locale')).toBe('fr')
+ })
+ }
+
+ it(`should validate & parse request url from a dynamic route with params and query`, async () => {
+ const res = await fetchViaHTTP(next.url, `/abc123?foo=bar`)
+ expect(res.headers.get('req-url-basepath')).toBeFalsy()
+
+ const { pathname, params } = JSON.parse(res.headers.get('req-url-params'))
+
+ expect(pathname).toBe('/:id')
+ expect(params).toEqual({ id: 'abc123' })
+
+ expect(res.headers.get('req-url-query')).toBe('bar')
+
+ if (i18n) {
+ expect(res.headers.get('req-url-locale')).toBe('en')
+ }
+ })
+
+ it('should throw when using URL with a relative URL', async () => {
+ const res = await fetchViaHTTP(next.url, `/url/relative-url`)
+ expect(readMiddlewareError(res)).toContain('Invalid URL')
+ })
+
+ it('should throw when using NextRequest with a relative URL', async () => {
+ const response = await fetchViaHTTP(next.url, `/url/relative-next-request`)
+ expect(readMiddlewareError(response)).toContain(urlsError)
+ })
+
+ if (!(global as any).isNextDeploy) {
+ // these errors differ on Vercel
+ it('should throw when using Request with a relative URL', async () => {
+ const response = await fetchViaHTTP(next.url, `/url/relative-request`)
+ expect(readMiddlewareError(response)).toContain(urlsError)
+ })
+
+ it('should warn when using Response.redirect with a relative URL', async () => {
+ const response = await fetchViaHTTP(next.url, `/url/relative-redirect`)
+ expect(readMiddlewareError(response)).toContain(urlsError)
+ })
+ }
+
+ it('should warn when using NextResponse.redirect with a relative URL', async () => {
+ const response = await fetchViaHTTP(next.url, `/url/relative-next-redirect`)
+ expect(readMiddlewareError(response)).toContain(urlsError)
+ })
+
+ it('should throw when using NextResponse.rewrite with a relative URL', async () => {
+ const response = await fetchViaHTTP(next.url, `/url/relative-next-rewrite`)
+ expect(readMiddlewareError(response)).toContain(urlsError)
+ })
+
+ it('should trigger middleware for data requests', async () => {
+ const browser = await webdriver(next.url, `/ssr-page`)
+ const text = await browser.elementByCss('h1').text()
+ expect(text).toEqual('Bye Cruel World')
+ const res = await fetchViaHTTP(next.url, `/_next/data/${next.buildId}${i18n ? '/en' : ''}/ssr-page.json`)
+ const json = await res.json()
+ expect(json.pageProps.message).toEqual('Bye Cruel World')
+ })
+
+ it('should normalize data requests into page requests', async () => {
+ const res = await fetchViaHTTP(next.url, `/_next/data/${next.buildId}${i18n ? '/en' : ''}/send-url.json`)
+ expect(res.headers.get('req-url-path')).toEqual('/send-url')
+ })
+
+ it('should keep non data requests in their original shape', async () => {
+ const res = await fetchViaHTTP(next.url, `/_next/static/${next.buildId}/_devMiddlewareManifest.json?foo=1`)
+ expect(res.headers.get('req-url-path')).toEqual(`/_next/static/${next.buildId}/_devMiddlewareManifest.json?foo=1`)
+ })
+
+ it('should add a rewrite header on data requests for rewrites', async () => {
+ const res = await fetchViaHTTP(next.url, `/ssr-page`)
+ const dataRes = await fetchViaHTTP(
+ next.url,
+ `/_next/data/${next.buildId}${i18n ? '/en' : ''}/ssr-page.json`,
+ undefined,
+ { headers: { 'x-nextjs-data': '1' } },
+ )
+ const json = await dataRes.json()
+ expect(json.pageProps.message).toEqual('Bye Cruel World')
+ expect(res.headers.get('x-nextjs-matched-path')).toBeNull()
+ expect(dataRes.headers.get('x-nextjs-matched-path')).toEqual(`${i18n ? '/en' : ''}/ssr-page-2`)
+ })
+
+ it(`hard-navigates when the data request failed`, async () => {
+ const browser = await webdriver(next.url, `/error`)
+ await browser.eval('window.__SAME_PAGE = true')
+ await browser.elementByCss('#throw-on-data').click()
+ await browser.waitForElementByCss('.refreshed')
+ expect(await browser.eval('window.__SAME_PAGE')).toBeUndefined()
+ })
+
+ it('allows shallow linking with middleware', async () => {
+ const browser = await webdriver(next.url, '/sha')
+ const getMessageContents = () => browser.elementById('message-contents').text()
+ const ssrMessage = await getMessageContents()
+ const requests: string[] = []
+
+ browser.on('request', (x) => {
+ requests.push(x.url())
+ })
+
+ browser.elementById('deep-link').click()
+ browser.waitForElementByCss('[data-query-hello="goodbye"]')
+ const deepLinkMessage = await getMessageContents()
+ expect(deepLinkMessage).not.toEqual(ssrMessage)
+
+ // Changing the route with a shallow link should not cause a server request
+ browser.elementById('shallow-link').click()
+ browser.waitForElementByCss('[data-query-hello="world"]')
+ expect(await getMessageContents()).toEqual(deepLinkMessage)
+
+ // Check that no server requests were made to ?hello=world,
+ // as it's a shallow request.
+ expect(requests).toEqual([`${next.url}/_next/data/${next.buildId}${i18n ? '/en' : ''}/sha.json?hello=goodbye`])
+ })
+ }
+ describe('with i18n', () => {
+ setup({ i18n: true })
+ runTests({ i18n: true })
+ })
+
+ describe('without i18n', () => {
+ setup({ i18n: false })
+ runTests({ i18n: false })
+ })
+})
diff --git a/test/e2e/modified-tests/middleware-redirects/app/middleware.js b/test/e2e/modified-tests/middleware-redirects/app/middleware.js
new file mode 100644
index 0000000000..392e8f98e7
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-redirects/app/middleware.js
@@ -0,0 +1,83 @@
+import { NextResponse } from 'next/server'
+
+export async function middleware(request) {
+ const url = request.nextUrl
+
+ // this is needed for tests to get the BUILD_ID
+ if (url.pathname.startsWith('/_next/static/__BUILD_ID')) {
+ return NextResponse.next()
+ }
+
+ if (url.pathname === '/old-home') {
+ if (url.searchParams.get('override') === 'external') {
+ return Response.redirect('https://example.vercel.sh')
+ } else {
+ url.pathname = '/new-home'
+ return Response.redirect(url)
+ }
+ }
+
+ if (url.searchParams.get('foo') === 'bar') {
+ url.pathname = '/new-home'
+ url.searchParams.delete('foo')
+ return Response.redirect(url)
+ }
+
+ // Chained redirects
+ if (url.pathname === '/redirect-me-alot') {
+ url.pathname = '/redirect-me-alot-2'
+ return Response.redirect(url)
+ }
+
+ if (url.pathname === '/redirect-me-alot-2') {
+ url.pathname = '/redirect-me-alot-3'
+ return Response.redirect(url)
+ }
+
+ if (url.pathname === '/redirect-me-alot-3') {
+ url.pathname = '/redirect-me-alot-4'
+ return Response.redirect(url)
+ }
+
+ if (url.pathname === '/redirect-me-alot-4') {
+ url.pathname = '/redirect-me-alot-5'
+ return Response.redirect(url)
+ }
+
+ if (url.pathname === '/redirect-me-alot-5') {
+ url.pathname = '/redirect-me-alot-6'
+ return Response.redirect(url)
+ }
+
+ if (url.pathname === '/redirect-me-alot-6') {
+ url.pathname = '/redirect-me-alot-7'
+ return Response.redirect(url)
+ }
+
+ if (url.pathname === '/redirect-me-alot-7') {
+ url.pathname = '/new-home'
+ return Response.redirect(url)
+ }
+
+ // Infinite loop
+ if (url.pathname === '/infinite-loop') {
+ url.pathname = '/infinite-loop-1'
+ return Response.redirect(url)
+ }
+
+ if (url.pathname === '/infinite-loop-1') {
+ url.pathname = '/infinite-loop'
+ return Response.redirect(url)
+ }
+
+ if (url.pathname === '/to') {
+ url.pathname = url.searchParams.get('pathname')
+ url.searchParams.delete('pathname')
+ return Response.redirect(url)
+ }
+
+ if (url.pathname === '/with-fragment') {
+ console.log(String(new URL('/new-home#fragment', url)))
+ return Response.redirect(new URL('/new-home#fragment', url))
+ }
+}
diff --git a/test/e2e/modified-tests/middleware-redirects/app/next.config.js b/test/e2e/modified-tests/middleware-redirects/app/next.config.js
new file mode 100644
index 0000000000..4cc6a5bfab
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-redirects/app/next.config.js
@@ -0,0 +1,15 @@
+module.exports = {
+ i18n: {
+ locales: ['en', 'fr', 'nl', 'es'],
+ defaultLocale: 'en',
+ },
+ redirects() {
+ return [
+ {
+ source: '/to-new',
+ destination: '/dynamic/new',
+ permanent: false,
+ },
+ ]
+ },
+}
diff --git a/test/e2e/modified-tests/middleware-redirects/app/pages/_app.js b/test/e2e/modified-tests/middleware-redirects/app/pages/_app.js
new file mode 100644
index 0000000000..65e905445e
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-redirects/app/pages/_app.js
@@ -0,0 +1,8 @@
+export default function App({ Component, pageProps }) {
+ if (!pageProps || typeof pageProps !== 'object') {
+ throw new Error(
+ `Invariant: received invalid pageProps in _app, received ${pageProps}`
+ )
+ }
+ return
+ Welcome to a /dynamic/[slug]
+
+ )
+}
+
+export function getServerSideProps() {
+ return {
+ props: {},
+ }
+}
diff --git a/test/e2e/modified-tests/middleware-redirects/app/pages/index.js b/test/e2e/modified-tests/middleware-redirects/app/pages/index.js
new file mode 100644
index 0000000000..0ca12beb09
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-redirects/app/pages/index.js
@@ -0,0 +1,43 @@
+import Link from 'next/link'
+
+export default function Home() {
+ return (
+
+
Home Page
+
+ Redirect me to a new version of a page
+
+
+
+ Redirect me to an external site
+
+
+
Redirect me with URL params intact
+
+
+ Redirect me to Google (with no body response)
+
+
+
+ Redirect me to Google (with no stream response)
+
+
+
Redirect me alot (chained requests)
+
+
Redirect me alot (infinite loop)
+
+
+ Redirect me to api with locale
+
+
+
+ Redirect me to a redirecting page of new version of page
+
+
+
+ Welcome to a new page
+
+ )
+}
diff --git a/test/e2e/modified-tests/middleware-redirects/test/index.test.ts b/test/e2e/modified-tests/middleware-redirects/test/index.test.ts
new file mode 100644
index 0000000000..f697ca4973
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-redirects/test/index.test.ts
@@ -0,0 +1,159 @@
+/* eslint-env jest */
+
+import { join } from 'path'
+import cheerio from 'cheerio'
+import webdriver from 'next-webdriver'
+import { check, fetchViaHTTP } from 'next-test-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { createNext, FileRef } from 'e2e-utils'
+const usuallySkip = process.env.RUN_SKIPPED_TESTS ? it : it.skip
+
+describe('Middleware Redirect', () => {
+ let next: NextInstance
+
+ afterAll(() => next.destroy())
+ beforeAll(async () => {
+ next = await createNext({
+ files: {
+ pages: new FileRef(join(__dirname, '../app/pages')),
+ 'middleware.js': new FileRef(join(__dirname, '../app/middleware.js')),
+ 'next.config.js': new FileRef(join(__dirname, '../app/next.config.js')),
+ },
+ })
+ })
+ function tests() {
+ usuallySkip('should redirect correctly with redirect in next.config.js', async () => {
+ const browser = await webdriver(next.url, '/')
+ await browser.eval('window.beforeNav = 1')
+ await browser.eval('window.next.router.push("/to-new")')
+ await browser.waitForElementByCss('#dynamic')
+ expect(await browser.eval('window.beforeNav')).toBe(1)
+ })
+
+ it('does not include the locale in redirects by default', async () => {
+ const res = await fetchViaHTTP(next.url, `/old-home`, undefined, {
+ redirect: 'manual',
+ })
+ expect(res.headers.get('location')?.endsWith('/default/about')).toEqual(false)
+ })
+
+ usuallySkip(`should redirect to data urls with data requests and internal redirects`, async () => {
+ const res = await fetchViaHTTP(
+ next.url,
+ `/_next/data/${next.buildId}/es/old-home.json`,
+ { override: 'internal' },
+ { redirect: 'manual', headers: { 'x-nextjs-data': '1' } },
+ )
+
+ expect(res.headers.get('x-nextjs-redirect')?.endsWith(`/es/new-home?override=internal`)).toEqual(true)
+ expect(res.headers.get('location')).toEqual(null)
+ })
+
+ it(`should redirect to external urls with data requests and external redirects`, async () => {
+ const res = await fetchViaHTTP(
+ next.url,
+ `/_next/data/${next.buildId}/es/old-home.json`,
+ { override: 'external' },
+ { redirect: 'manual', headers: { 'x-nextjs-data': '1' } },
+ )
+
+ expect(res.headers.get('x-nextjs-redirect')).toEqual('https://example.vercel.sh/')
+ expect(res.headers.get('location')).toEqual(null)
+
+ const browser = await webdriver(next.url, '/')
+ await browser.elementByCss('#old-home-external').click()
+ await check(async () => {
+ expect(await browser.elementByCss('h1').text()).toEqual('Example Domain')
+ return 'yes'
+ }, 'yes')
+ })
+ }
+
+ function testsWithLocale(locale = '') {
+ const label = locale ? `${locale} ` : ``
+
+ it(`${label}should redirect`, async () => {
+ const res = await fetchViaHTTP(next.url, `${locale}/old-home`)
+ const html = await res.text()
+ const $ = cheerio.load(html)
+ const browser = await webdriver(next.url, `${locale}/old-home`)
+ try {
+ expect(await browser.eval(`window.location.pathname`)).toBe(`${locale}/new-home`)
+ } finally {
+ await browser.close()
+ }
+ expect($('.title').text()).toBe('Welcome to a new page')
+ })
+
+ it(`${label}should implement internal redirects`, async () => {
+ const browser = await webdriver(next.url, `${locale}`)
+ await browser.eval('window.__SAME_PAGE = true')
+ await browser.elementByCss('#old-home').click()
+ await browser.waitForElementByCss('#new-home-title')
+ expect(await browser.eval('window.__SAME_PAGE')).toBe(true)
+ try {
+ expect(await browser.eval(`window.location.pathname`)).toBe(`${locale}/new-home`)
+ } finally {
+ await browser.close()
+ }
+ })
+
+ it(`${label}should redirect cleanly with the original url param`, async () => {
+ const browser = await webdriver(next.url, `${locale}/blank-page?foo=bar`)
+ try {
+ expect(await browser.eval(`window.location.href.replace(window.location.origin, '')`)).toBe(
+ `${locale}/new-home`,
+ )
+ } finally {
+ await browser.close()
+ }
+ })
+
+ it(`${label}should redirect multiple times`, async () => {
+ const res = await fetchViaHTTP(next.url, `${locale}/redirect-me-alot`)
+ const browser = await webdriver(next.url, `${locale}/redirect-me-alot`)
+ try {
+ expect(await browser.eval(`window.location.pathname`)).toBe(`${locale}/new-home`)
+ } finally {
+ await browser.close()
+ }
+ const html = await res.text()
+ const $ = cheerio.load(html)
+ expect($('.title').text()).toBe('Welcome to a new page')
+ })
+
+ it(`${label}should redirect (infinite-loop)`, async () => {
+ await expect(fetchViaHTTP(next.url, `${locale}/infinite-loop`)).rejects.toThrow()
+ })
+
+ it(`${label}should redirect to api route with locale`, async () => {
+ const browser = await webdriver(next.url, `${locale}`)
+ await browser.elementByCss('#link-to-api-with-locale').click()
+ await browser.waitForCondition('window.location.pathname === "/api/ok"')
+ await check(() => browser.elementByCss('body').text(), 'ok')
+ const logs = await browser.log()
+ const errors = logs
+ .filter((x) => x.source === 'error')
+ .map((x) => x.message)
+ .join('\n')
+ expect(errors).not.toContain('Failed to lookup route')
+ })
+
+ // A regression test for https://github.com/vercel/next.js/pull/41501
+ it(`${label}should redirect with a fragment`, async () => {
+ const res = await fetchViaHTTP(next.url, `${locale}/with-fragment`)
+ const html = await res.text()
+ const $ = cheerio.load(html)
+ const browser = await webdriver(next.url, `${locale}/with-fragment`)
+ try {
+ expect(await browser.eval(`window.location.hash`)).toBe(`#fragment`)
+ } finally {
+ await browser.close()
+ }
+ expect($('.title').text()).toBe('Welcome to a new page')
+ })
+ }
+ tests()
+ testsWithLocale()
+ testsWithLocale('/fr')
+})
diff --git a/test/e2e/modified-tests/middleware-rewrites/app/middleware.js b/test/e2e/modified-tests/middleware-rewrites/app/middleware.js
new file mode 100644
index 0000000000..d8c89b3292
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-rewrites/app/middleware.js
@@ -0,0 +1,135 @@
+import { NextResponse } from 'next/server'
+
+const PUBLIC_FILE = /\.(.*)$/
+
+/**
+ * @param {import('next/server').NextRequest} request
+ */
+export async function middleware(request) {
+ const url = request.nextUrl
+
+ // this is needed for tests to get the BUILD_ID
+ if (url.pathname.startsWith('/_next/static/__BUILD_ID')) {
+ return NextResponse.next()
+ }
+
+ if (url.pathname.includes('/to/some/404/path')) {
+ return NextResponse.next({
+ 'x-matched-path': '/404',
+ })
+ }
+
+ if (url.pathname.includes('/fallback-true-blog/rewritten')) {
+ request.nextUrl.pathname = '/about'
+ return NextResponse.rewrite(request.nextUrl)
+ }
+
+ if (url.pathname.startsWith('/about') && url.searchParams.has('override')) {
+ const isExternal = url.searchParams.get('override') === 'external'
+ return NextResponse.rewrite(
+ isExternal
+ ? 'https://example.vercel.sh'
+ : new URL('/ab-test/a', request.url)
+ )
+ }
+
+ if (url.pathname === '/rewrite-to-beforefiles-rewrite') {
+ url.pathname = '/beforefiles-rewrite'
+ return NextResponse.rewrite(url)
+ }
+
+ if (url.pathname === '/rewrite-to-afterfiles-rewrite') {
+ url.pathname = '/afterfiles-rewrite'
+ return NextResponse.rewrite(url)
+ }
+
+ if (url.pathname.startsWith('/to-blog')) {
+ const slug = url.pathname.split('/').pop()
+ url.pathname = `/fallback-true-blog/${slug}`
+ return NextResponse.rewrite(url)
+ }
+
+ if (url.pathname === '/rewrite-to-ab-test') {
+ let bucket = request.cookies.get('bucket')
+ if (!bucket) {
+ bucket = Math.random() >= 0.5 ? 'a' : 'b'
+ url.pathname = `/ab-test/${bucket}`
+ const response = NextResponse.rewrite(url)
+ response.cookies.set('bucket', bucket, { maxAge: 10 })
+ return response
+ }
+
+ url.pathname = `/${bucket}`
+ return NextResponse.rewrite(url)
+ }
+
+ if (url.pathname === '/rewrite-me-to-about') {
+ url.pathname = '/about'
+ return NextResponse.rewrite(url, {
+ headers: { 'x-rewrite-target': String(url) },
+ })
+ }
+
+ if (url.pathname === '/rewrite-me-with-a-colon') {
+ url.pathname = '/with:colon'
+ return NextResponse.rewrite(url)
+ }
+
+ if (url.pathname === '/colon:here') {
+ url.pathname = '/no-colon-here'
+ return NextResponse.rewrite(url)
+ }
+
+ if (url.pathname === '/rewrite-me-to-vercel') {
+ return NextResponse.rewrite('https://example.vercel.sh')
+ }
+
+ if (url.pathname === '/clear-query-params') {
+ const allowedKeys = ['allowed']
+ for (const key of [...url.searchParams.keys()]) {
+ if (!allowedKeys.includes(key)) {
+ url.searchParams.delete(key)
+ }
+ }
+ return NextResponse.rewrite(url)
+ }
+
+ if (
+ url.pathname === '/rewrite-me-without-hard-navigation' ||
+ url.searchParams.get('path') === 'rewrite-me-without-hard-navigation'
+ ) {
+ url.searchParams.set('middleware', 'foo')
+ url.pathname = request.cookies.has('about-bypass')
+ ? '/about-bypass'
+ : '/about'
+
+ return NextResponse.rewrite(url, {
+ headers: { 'x-middleware-cache': 'no-cache' },
+ })
+ }
+
+ if (url.pathname.endsWith('/dynamic-replace')) {
+ url.pathname = '/dynamic-fallback/catch-all'
+ return NextResponse.rewrite(url)
+ }
+
+ if (url.pathname.startsWith('/country')) {
+ const locale = url.searchParams.get('my-locale')
+ if (locale) {
+ url.locale = locale
+ }
+
+ const country = url.searchParams.get('country') || 'us'
+ if (!PUBLIC_FILE.test(url.pathname) && !url.pathname.includes('/api/')) {
+ url.pathname = `/country/${country}`
+ return NextResponse.rewrite(url)
+ }
+ }
+
+ if (url.pathname.startsWith('/i18n')) {
+ url.searchParams.set('locale', url.locale)
+ return NextResponse.rewrite(url)
+ }
+
+ return NextResponse.rewrite(request.nextUrl)
+}
diff --git a/test/e2e/modified-tests/middleware-rewrites/app/next.config.js b/test/e2e/modified-tests/middleware-rewrites/app/next.config.js
new file mode 100644
index 0000000000..32c5d38016
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-rewrites/app/next.config.js
@@ -0,0 +1,27 @@
+module.exports = {
+ i18n: {
+ locales: ['ja', 'en', 'fr', 'es'],
+ defaultLocale: 'en',
+ },
+ rewrites() {
+ return {
+ beforeFiles: [
+ {
+ source: '/beforefiles-rewrite',
+ destination: '/ab-test/a',
+ },
+ ],
+ afterFiles: [
+ {
+ source: '/afterfiles-rewrite',
+ destination: '/ab-test/b',
+ },
+ {
+ source: '/afterfiles-rewrite-ssg',
+ destination: '/fallback-true-blog/first',
+ },
+ ],
+ fallback: [],
+ }
+ },
+}
diff --git a/test/e2e/modified-tests/middleware-rewrites/app/pages/404.js b/test/e2e/modified-tests/middleware-rewrites/app/pages/404.js
new file mode 100644
index 0000000000..cc3910106c
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-rewrites/app/pages/404.js
@@ -0,0 +1,3 @@
+export default function NotFound() {
+ return custom 404 page
+}
diff --git a/test/e2e/modified-tests/middleware-rewrites/app/pages/[param].js b/test/e2e/modified-tests/middleware-rewrites/app/pages/[param].js
new file mode 100644
index 0000000000..d33f75dd2d
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-rewrites/app/pages/[param].js
@@ -0,0 +1,12 @@
+export const getServerSideProps = ({ params, query }) => {
+ return { props: { params, query } }
+}
+
+export default function Page({ params: { param }, query: { qp } }) {
+ return (
+ <>
+ {param}
+ {qp}
+
+ )
+}
diff --git a/test/e2e/modified-tests/middleware-rewrites/app/pages/_app.js b/test/e2e/modified-tests/middleware-rewrites/app/pages/_app.js
new file mode 100644
index 0000000000..65e905445e
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-rewrites/app/pages/_app.js
@@ -0,0 +1,8 @@
+export default function App({ Component, pageProps }) {
+ if (!pageProps || typeof pageProps !== 'object') {
+ throw new Error(
+ `Invariant: received invalid pageProps in _app, received ${pageProps}`
+ )
+ }
+ return Welcome Page A
+}
+
+export const getServerSideProps = () => ({
+ props: {
+ abtest: true,
+ },
+})
diff --git a/test/e2e/modified-tests/middleware-rewrites/app/pages/ab-test/b.js b/test/e2e/modified-tests/middleware-rewrites/app/pages/ab-test/b.js
new file mode 100644
index 0000000000..4f15e239e9
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-rewrites/app/pages/ab-test/b.js
@@ -0,0 +1,9 @@
+export default function Home() {
+ return Welcome Page B
+}
+
+export const getServerSideProps = () => ({
+ props: {
+ abtest: true,
+ },
+})
diff --git a/test/e2e/modified-tests/middleware-rewrites/app/pages/about-bypass.js b/test/e2e/modified-tests/middleware-rewrites/app/pages/about-bypass.js
new file mode 100644
index 0000000000..4039fc76ad
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-rewrites/app/pages/about-bypass.js
@@ -0,0 +1,12 @@
+export default function AboutBypass({ message }) {
+ return (
+
+
About Bypassed Page
+
{message}
+
+
About Page
+
{message}
+
{middleware}
+
{JSON.stringify(props.query)}
+}
+
+/** @type {import('next').GetServerSideProps} */
+export const getServerSideProps = (req) => {
+ return {
+ props: {
+ query: { ...req.query },
+ },
+ }
+}
diff --git a/test/e2e/modified-tests/middleware-rewrites/app/pages/country/[country].js b/test/e2e/modified-tests/middleware-rewrites/app/pages/country/[country].js
new file mode 100644
index 0000000000..dd09ad84a7
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-rewrites/app/pages/country/[country].js
@@ -0,0 +1,22 @@
+export const getStaticPaths = async () => {
+ return {
+ fallback: 'blocking',
+ paths: [],
+ }
+}
+
+export const getStaticProps = async ({ params: { country }, locale }) => {
+ return {
+ props: { country, locale },
+ revalidate: false,
+ }
+}
+
+export default function CountryPage({ locale, country }) {
+ return (
+
+ )
+}
diff --git a/test/e2e/modified-tests/middleware-rewrites/app/pages/dynamic-fallback/[...parts].js b/test/e2e/modified-tests/middleware-rewrites/app/pages/dynamic-fallback/[...parts].js
new file mode 100644
index 0000000000..7f91f8690f
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-rewrites/app/pages/dynamic-fallback/[...parts].js
@@ -0,0 +1,5 @@
+const PartsPage = () => {
+ return Parts page
+}
+
+export default PartsPage
diff --git a/test/e2e/modified-tests/middleware-rewrites/app/pages/fallback-true-blog/[slug].js b/test/e2e/modified-tests/middleware-rewrites/app/pages/fallback-true-blog/[slug].js
new file mode 100644
index 0000000000..a2aa1488ce
--- /dev/null
+++ b/test/e2e/modified-tests/middleware-rewrites/app/pages/fallback-true-blog/[slug].js
@@ -0,0 +1,48 @@
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+
+export default function Page(props) {
+ if (useRouter().isFallback) {
+ return Loading...
+ }
+
+ return (
+ <>
+ {JSON.stringify(props)}
+
+
{locale}
+
+
+
+
+
+
+
+
+
+
+
+
+
another page
+ blog page
+ index page
+ streaming
+}
+
+export async function getServerSideProps() {
+ return { props: {} }
+}
diff --git a/test/e2e/modified-tests/streaming-ssr/custom-server/server.js b/test/e2e/modified-tests/streaming-ssr/custom-server/server.js
new file mode 100644
index 0000000000..c8619cd29f
--- /dev/null
+++ b/test/e2e/modified-tests/streaming-ssr/custom-server/server.js
@@ -0,0 +1,43 @@
+const NextServer = require('next/dist/server/next-server').default
+const defaultNextConfig =
+ require('next/dist/server/config-shared').defaultConfig
+const http = require('http')
+
+process.on('SIGTERM', () => process.exit(0))
+process.on('SIGINT', () => process.exit(0))
+
+let handler
+
+const server = http.createServer(async (req, res) => {
+ try {
+ await handler(req, res)
+ } catch (err) {
+ console.error(err)
+ res.statusCode = 500
+ res.end('internal server error')
+ }
+})
+const currentPort = parseInt(process.env.PORT, 10) || 3000
+
+server.listen(currentPort, (err) => {
+ if (err) {
+ console.error('Failed to start server', err)
+ process.exit(1)
+ }
+ const nextServer = new NextServer({
+ hostname: 'localhost',
+ port: currentPort,
+ customServer: true,
+ dev: false,
+ conf: {
+ ...defaultNextConfig,
+ distDir: '.next',
+ experimental: {
+ ...defaultNextConfig.experimental,
+ },
+ },
+ })
+ handler = nextServer.getRequestHandler()
+
+ console.log('Listening on port', currentPort)
+})
diff --git a/test/e2e/modified-tests/streaming-ssr/index.test.ts b/test/e2e/modified-tests/streaming-ssr/index.test.ts
new file mode 100644
index 0000000000..d20d8ac711
--- /dev/null
+++ b/test/e2e/modified-tests/streaming-ssr/index.test.ts
@@ -0,0 +1,180 @@
+import { join } from 'path'
+import { createNext, FileRef } from 'e2e-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { fetchViaHTTP, findPort, initNextServerScript, killApp, renderViaHTTP } from 'next-test-utils'
+const usuallySkip = process.env.RUN_SKIPPED_TESTS ? it : it.skip
+
+const react18Deps = {
+ react: '^18.0.0',
+ 'react-dom': '^18.0.0',
+}
+
+const isNextProd = !(global as any).isNextDev && !(global as any).isNextDeploy
+
+describe('react 18 streaming SSR with custom next configs', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ next = await createNext({
+ files: {
+ 'app/page.js': `
+ export default function Page() {
+ return 'fake-app' /* this should not enable appDir */
+ }
+ `,
+ pages: new FileRef(join(__dirname, 'streaming-ssr/pages')),
+ },
+ nextConfig: require(join(__dirname, 'streaming-ssr/next.config.js')),
+ dependencies: react18Deps,
+ installCommand: 'npm install',
+ })
+ })
+ afterAll(() => next.destroy())
+ // NTL Skip
+ usuallySkip('should match more specific route along with dynamic routes', async () => {
+ const res1 = await fetchViaHTTP(next.url, '/api/user/login')
+ const res2 = await fetchViaHTTP(next.url, '/api/user/any')
+ expect(await res1.text()).toBe('login')
+ expect(await res2.text()).toBe('[id]')
+ })
+
+ it('should render styled-jsx styles in streaming', async () => {
+ const html = await renderViaHTTP(next.url, '/')
+ expect(html).toContain('color:blue')
+ })
+ // NTL Skip
+ usuallySkip('should redirect paths without trailing-slash and render when slash is appended', async () => {
+ const page = '/hello'
+ const redirectRes = await fetchViaHTTP(next.url, page, {}, { redirect: 'manual' })
+ const res = await fetchViaHTTP(next.url, page + '/')
+ const html = await res.text()
+
+ expect(redirectRes.status).toBe(308)
+ expect(res.status).toBe(200)
+ expect(html).toContain('hello nextjs')
+ expect(html).toContain('home')
+ })
+
+ it('should render next/router correctly in edge runtime', async () => {
+ const html = await renderViaHTTP(next.url, '/router')
+ expect(html).toContain('link')
+ })
+
+ it('should render multi-byte characters correctly in streaming', async () => {
+ const html = await renderViaHTTP(next.url, '/multi-byte')
+ expect(html).toContain('マルチバイト'.repeat(28))
+ })
+})
+
+if (isNextProd) {
+ describe('react 18 streaming SSR with custom server', () => {
+ let next
+ let server
+ let appPort
+ beforeAll(async () => {
+ next = await createNext({
+ files: {
+ pages: new FileRef(join(__dirname, 'custom-server/pages')),
+ 'server.js': new FileRef(join(__dirname, 'custom-server/server.js')),
+ },
+ nextConfig: require(join(__dirname, 'custom-server/next.config.js')),
+ dependencies: react18Deps,
+ })
+ await next.stop()
+
+ const testServer = join(next.testDir, 'server.js')
+ appPort = await findPort()
+ server = await initNextServerScript(
+ testServer,
+ /Listening/,
+ {
+ ...process.env,
+ PORT: appPort,
+ },
+ undefined,
+ {
+ cwd: next.testDir,
+ },
+ )
+ })
+ afterAll(async () => {
+ await next.destroy()
+ if (server) await killApp(server)
+ })
+ it('should render page correctly under custom server', async () => {
+ const html = await renderViaHTTP(appPort, '/')
+ expect(html).toContain('streaming')
+ })
+ })
+
+ describe('react 18 streaming SSR in minimal mode with node runtime', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ if (isNextProd) {
+ process.env.NEXT_PRIVATE_MINIMAL_MODE = '1'
+ }
+
+ next = await createNext({
+ files: {
+ 'pages/index.js': `
+ export default function Page() {
+ return streaming
+ }
+ export async function getServerSideProps() {
+ return { props: {} }
+ }`,
+ },
+ nextConfig: {
+ experimental: {
+ runtime: 'nodejs',
+ },
+ webpack(config, { nextRuntime }) {
+ const path = require('path')
+ const fs = require('fs')
+
+ const runtimeFilePath = path.join(__dirname, 'runtimes.txt')
+ let runtimeContent = ''
+
+ try {
+ runtimeContent = fs.readFileSync(runtimeFilePath, 'utf8')
+ runtimeContent += '\n'
+ } catch (_) {}
+
+ runtimeContent += nextRuntime || 'client'
+
+ fs.writeFileSync(runtimeFilePath, runtimeContent)
+ return config
+ },
+ },
+ dependencies: react18Deps,
+ })
+ })
+ afterAll(() => {
+ if (isNextProd) {
+ delete process.env.NEXT_PRIVATE_MINIMAL_MODE
+ }
+ next.destroy()
+ })
+
+ it('should pass correct nextRuntime values', async () => {
+ const content = await next.readFile('runtimes.txt')
+ expect(content.split('\n').sort()).toEqual(['client', 'edge', 'nodejs'])
+ })
+
+ it('should generate html response by streaming correctly', async () => {
+ const html = await renderViaHTTP(next.url, '/')
+ expect(html).toContain('streaming')
+ })
+
+ if (isNextProd) {
+ it('should have generated a static 404 page', async () => {
+ expect(await next.readFile('.next/server/pages/404.html')).toBeTruthy()
+
+ const res = await fetchViaHTTP(next.url, '/non-existent')
+ expect(res.status).toBe(404)
+ expect(await res.text()).toContain('This page could not be found')
+ })
+ }
+ })
+}
diff --git a/test/e2e/modified-tests/streaming-ssr/streaming-ssr/next.config.js b/test/e2e/modified-tests/streaming-ssr/streaming-ssr/next.config.js
new file mode 100644
index 0000000000..ce3f975d0e
--- /dev/null
+++ b/test/e2e/modified-tests/streaming-ssr/streaming-ssr/next.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+ trailingSlash: true,
+}
diff --git a/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/api/user/[id].js b/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/api/user/[id].js
new file mode 100644
index 0000000000..c5649d2074
--- /dev/null
+++ b/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/api/user/[id].js
@@ -0,0 +1,7 @@
+export default async function handler() {
+ return new Response('[id]')
+}
+
+export const config = {
+ runtime: 'experimental-edge',
+}
diff --git a/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/api/user/login.js b/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/api/user/login.js
new file mode 100644
index 0000000000..31493ce1ef
--- /dev/null
+++ b/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/api/user/login.js
@@ -0,0 +1,3 @@
+export default async function handler(_, res) {
+ res.send('login')
+}
diff --git a/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/hello.js b/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/hello.js
new file mode 100644
index 0000000000..10d52a4a22
--- /dev/null
+++ b/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/hello.js
@@ -0,0 +1,12 @@
+import Link from 'next/link'
+
+export default function Page() {
+ return (
+
+ )
+}
+
+export const config = { runtime: 'experimental-edge' }
diff --git a/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/index.js b/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/index.js
new file mode 100644
index 0000000000..7d0c7c7738
--- /dev/null
+++ b/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/index.js
@@ -0,0 +1,14 @@
+export default function Page() {
+ return (
+
+ )
+}
+
+export const config = { runtime: 'experimental-edge' }
diff --git a/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/multi-byte.js b/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/multi-byte.js
new file mode 100644
index 0000000000..f92eac96ec
--- /dev/null
+++ b/test/e2e/modified-tests/streaming-ssr/streaming-ssr/pages/multi-byte.js
@@ -0,0 +1,9 @@
+export default function Page() {
+ return (
+
+
{'マルチバイト'.repeat(28)}
+
}
*/
export function renderViaHTTP(appPort, pathname, query, opts) {
- return fetchViaHTTP(appPort, pathname, query, opts).then(processChunkedResponse)
+ return fetchViaHTTP(appPort, pathname, query, opts, true).then(processChunkedResponse)
}
/**
* @param {string | number} appPort
* @param {string} pathname
- * @param {Record | string | undefined} [query]
- * @param {import("undici").RequestInit} [opts]
- * @returns {Promise}
+ * @param {Record | string | undefined} query
+ * @param {RequestInit} opts
+ * @returns {Promise}
*/
-export function fetchViaHTTP(appPort, pathname, query, opts) {
+export async function fetchViaHTTP(appPort, pathname, query = undefined, opts = undefined, useUndici = false) {
const url = `${pathname}${typeof query === 'string' ? query : query ? `?${qs.stringify(query)}` : ''}`
+ const fetch = useUndici ? undiciFetch : nodeFetch
return fetch(getFullUrl(appPort, url), opts)
}
@@ -376,12 +378,12 @@ export function waitFor(millis) {
}
// check for content in 1 second intervals timing out after
-// 30 seconds
+// 10 seconds
export async function check(contentFn, regex, hardError = true) {
let content
let lastErr
- for (let tries = 0; tries < 30; tries++) {
+ for (let tries = 0; tries < 10; tries++) {
try {
content = await contentFn()
if (typeof regex === 'string') {
@@ -398,11 +400,11 @@ export async function check(contentFn, regex, hardError = true) {
lastErr = err
}
}
- console.error('TIMED OUT CHECK: ', { regex, content, lastErr })
if (hardError) {
throw new Error('TIMED OUT: ' + regex + '\n\n' + content)
}
+ console.error('TIMED OUT CHECK: ', { regex, content, lastErr })
return false
}
diff --git a/test/e2e/tests/dynamic-route-interpolation/index.test.ts b/test/e2e/tests/dynamic-route-interpolation/index.test.ts
new file mode 100644
index 0000000000..a7fb9b8216
--- /dev/null
+++ b/test/e2e/tests/dynamic-route-interpolation/index.test.ts
@@ -0,0 +1,91 @@
+import { createNext } from 'e2e-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { renderViaHTTP } from 'next-test-utils'
+import cheerio from 'cheerio'
+import webdriver from 'next-webdriver'
+
+describe('Dynamic Route Interpolation', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ next = await createNext({
+ files: {
+ 'pages/blog/[slug].js': `
+ import Link from "next/link"
+ import { useRouter } from "next/router"
+
+ export function getServerSideProps({ params }) {
+ return { props: { slug: params.slug, now: Date.now() } }
+ }
+
+ export default function Page(props) {
+ const router = useRouter()
+ return (
+ <>
+ {props.slug}
+ hello world
+ }
+ `,
+ 'middleware.js': `
+ import { NextResponse } from 'next/server';
+ import lib from 'my-lib';
+
+ export default (req) => {
+ return NextResponse.next({
+ headers: {
+ 'x-imported': lib
+ }
+ })
+ }
+ `,
+ 'my-lib/package.json': JSON.stringify({
+ name: 'my-lib',
+ version: '1.0.0',
+ main: 'index.js',
+ browser: 'browser.js',
+ }),
+ 'my-lib/index.js': `module.exports = "Node.js"`,
+ 'my-lib/browser.js': `module.exports = "Browser"`,
+ },
+ packageJson: {
+ scripts: {
+ setup: `cp -r ./my-lib ./node_modules`,
+ build: 'yarn setup && next build',
+ dev: 'yarn setup && next dev',
+ start: 'next start',
+ },
+ },
+ startCommand: (global as any).isNextDev ? 'yarn dev' : 'yarn start',
+ buildCommand: 'yarn build',
+ dependencies: {},
+ })
+ })
+ afterAll(() => next.destroy())
+
+ it('favors the browser export', async () => {
+ const response = await fetchViaHTTP(next.url, '/')
+ expect(Object.fromEntries(response.headers)).toMatchObject({
+ 'x-imported': 'Browser',
+ })
+ })
+})
diff --git a/test/e2e/getserversideprops/app/next.config.js b/test/e2e/tests/getserversideprops/app/next.config.js
similarity index 100%
rename from test/e2e/getserversideprops/app/next.config.js
rename to test/e2e/tests/getserversideprops/app/next.config.js
diff --git a/test/e2e/getserversideprops/app/pages/500.js b/test/e2e/tests/getserversideprops/app/pages/500.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/500.js
rename to test/e2e/tests/getserversideprops/app/pages/500.js
diff --git a/test/e2e/getserversideprops/app/pages/_app.js b/test/e2e/tests/getserversideprops/app/pages/_app.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/_app.js
rename to test/e2e/tests/getserversideprops/app/pages/_app.js
diff --git a/test/e2e/getserversideprops/app/pages/another/index.js b/test/e2e/tests/getserversideprops/app/pages/another/index.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/another/index.js
rename to test/e2e/tests/getserversideprops/app/pages/another/index.js
diff --git a/test/e2e/getserversideprops/app/pages/blog/[post]/[comment].js b/test/e2e/tests/getserversideprops/app/pages/blog/[post]/[comment].js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/blog/[post]/[comment].js
rename to test/e2e/tests/getserversideprops/app/pages/blog/[post]/[comment].js
diff --git a/test/e2e/getserversideprops/app/pages/blog/[post]/index.js b/test/e2e/tests/getserversideprops/app/pages/blog/[post]/index.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/blog/[post]/index.js
rename to test/e2e/tests/getserversideprops/app/pages/blog/[post]/index.js
diff --git a/test/e2e/getserversideprops/app/pages/blog/index.js b/test/e2e/tests/getserversideprops/app/pages/blog/index.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/blog/index.js
rename to test/e2e/tests/getserversideprops/app/pages/blog/index.js
diff --git a/test/e2e/getserversideprops/app/pages/catchall/[...path].js b/test/e2e/tests/getserversideprops/app/pages/catchall/[...path].js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/catchall/[...path].js
rename to test/e2e/tests/getserversideprops/app/pages/catchall/[...path].js
diff --git a/test/e2e/getserversideprops/app/pages/custom-cache.js b/test/e2e/tests/getserversideprops/app/pages/custom-cache.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/custom-cache.js
rename to test/e2e/tests/getserversideprops/app/pages/custom-cache.js
diff --git a/test/e2e/getserversideprops/app/pages/default-revalidate.js b/test/e2e/tests/getserversideprops/app/pages/default-revalidate.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/default-revalidate.js
rename to test/e2e/tests/getserversideprops/app/pages/default-revalidate.js
diff --git a/test/e2e/getserversideprops/app/pages/early-request-end.js b/test/e2e/tests/getserversideprops/app/pages/early-request-end.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/early-request-end.js
rename to test/e2e/tests/getserversideprops/app/pages/early-request-end.js
diff --git a/test/e2e/getserversideprops/app/pages/enoent.js b/test/e2e/tests/getserversideprops/app/pages/enoent.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/enoent.js
rename to test/e2e/tests/getserversideprops/app/pages/enoent.js
diff --git a/test/e2e/getserversideprops/app/pages/index.js b/test/e2e/tests/getserversideprops/app/pages/index.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/index.js
rename to test/e2e/tests/getserversideprops/app/pages/index.js
diff --git a/test/e2e/getserversideprops/app/pages/invalid-keys.js b/test/e2e/tests/getserversideprops/app/pages/invalid-keys.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/invalid-keys.js
rename to test/e2e/tests/getserversideprops/app/pages/invalid-keys.js
diff --git a/test/e2e/getserversideprops/app/pages/non-json.js b/test/e2e/tests/getserversideprops/app/pages/non-json.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/non-json.js
rename to test/e2e/tests/getserversideprops/app/pages/non-json.js
diff --git a/test/e2e/getserversideprops/app/pages/normal.js b/test/e2e/tests/getserversideprops/app/pages/normal.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/normal.js
rename to test/e2e/tests/getserversideprops/app/pages/normal.js
diff --git a/test/e2e/getserversideprops/app/pages/not-found/[slug].js b/test/e2e/tests/getserversideprops/app/pages/not-found/[slug].js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/not-found/[slug].js
rename to test/e2e/tests/getserversideprops/app/pages/not-found/[slug].js
diff --git a/test/e2e/getserversideprops/app/pages/not-found/index.js b/test/e2e/tests/getserversideprops/app/pages/not-found/index.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/not-found/index.js
rename to test/e2e/tests/getserversideprops/app/pages/not-found/index.js
diff --git a/test/e2e/getserversideprops/app/pages/promise/index.js b/test/e2e/tests/getserversideprops/app/pages/promise/index.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/promise/index.js
rename to test/e2e/tests/getserversideprops/app/pages/promise/index.js
diff --git a/test/e2e/getserversideprops/app/pages/promise/mutate-res-no-streaming.js b/test/e2e/tests/getserversideprops/app/pages/promise/mutate-res-no-streaming.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/promise/mutate-res-no-streaming.js
rename to test/e2e/tests/getserversideprops/app/pages/promise/mutate-res-no-streaming.js
diff --git a/test/e2e/getserversideprops/app/pages/promise/mutate-res-props.js b/test/e2e/tests/getserversideprops/app/pages/promise/mutate-res-props.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/promise/mutate-res-props.js
rename to test/e2e/tests/getserversideprops/app/pages/promise/mutate-res-props.js
diff --git a/test/e2e/getserversideprops/app/pages/promise/mutate-res.js b/test/e2e/tests/getserversideprops/app/pages/promise/mutate-res.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/promise/mutate-res.js
rename to test/e2e/tests/getserversideprops/app/pages/promise/mutate-res.js
diff --git a/test/e2e/getserversideprops/app/pages/refresh.js b/test/e2e/tests/getserversideprops/app/pages/refresh.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/refresh.js
rename to test/e2e/tests/getserversideprops/app/pages/refresh.js
diff --git a/test/e2e/getserversideprops/app/pages/slow/index.js b/test/e2e/tests/getserversideprops/app/pages/slow/index.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/slow/index.js
rename to test/e2e/tests/getserversideprops/app/pages/slow/index.js
diff --git a/test/e2e/getserversideprops/app/pages/something.js b/test/e2e/tests/getserversideprops/app/pages/something.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/something.js
rename to test/e2e/tests/getserversideprops/app/pages/something.js
diff --git a/test/e2e/getserversideprops/app/pages/user/[user]/profile.js b/test/e2e/tests/getserversideprops/app/pages/user/[user]/profile.js
similarity index 100%
rename from test/e2e/getserversideprops/app/pages/user/[user]/profile.js
rename to test/e2e/tests/getserversideprops/app/pages/user/[user]/profile.js
diff --git a/test/e2e/getserversideprops/app/world.txt b/test/e2e/tests/getserversideprops/app/world.txt
similarity index 100%
rename from test/e2e/getserversideprops/app/world.txt
rename to test/e2e/tests/getserversideprops/app/world.txt
diff --git a/test/e2e/getserversideprops/test/index.test.ts b/test/e2e/tests/getserversideprops/test/index.test.ts
similarity index 100%
rename from test/e2e/getserversideprops/test/index.test.ts
rename to test/e2e/tests/getserversideprops/test/index.test.ts
diff --git a/test/e2e/tests/handle-non-hoisted-swc-helpers/index.test.ts b/test/e2e/tests/handle-non-hoisted-swc-helpers/index.test.ts
new file mode 100644
index 0000000000..3fdef2e151
--- /dev/null
+++ b/test/e2e/tests/handle-non-hoisted-swc-helpers/index.test.ts
@@ -0,0 +1,38 @@
+import { createNext } from 'e2e-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { renderViaHTTP } from 'next-test-utils'
+
+describe('handle-non-hoisted-swc-helpers', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ next = await createNext({
+ files: {
+ 'pages/index.js': `
+ export default function Page() {
+ return hello world
+ }
+
+ export function getServerSideProps() {
+ const helper = require('@swc/helpers/lib/_object_spread.js')
+ console.log(helper)
+ return {
+ props: {
+ now: Date.now()
+ }
+ }
+ }
+ `,
+ },
+ installCommand:
+ 'npm install; mkdir -p node_modules/next/node_modules/@swc; mv node_modules/@swc/helpers node_modules/next/node_modules/@swc/',
+ dependencies: {},
+ })
+ })
+ afterAll(() => next.destroy())
+
+ it('should work', async () => {
+ const html = await renderViaHTTP(next.url, '/')
+ expect(html).toContain('hello world')
+ })
+})
diff --git a/test/e2e/tests/i18n-api-support/index.test.ts b/test/e2e/tests/i18n-api-support/index.test.ts
new file mode 100644
index 0000000000..25ec819096
--- /dev/null
+++ b/test/e2e/tests/i18n-api-support/index.test.ts
@@ -0,0 +1,74 @@
+import { createNext } from 'e2e-utils'
+import { fetchViaHTTP } from 'next-test-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+
+describe('i18n API support', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ next = await createNext({
+ files: {
+ 'pages/api/hello.js': `
+ export default function handler(req, res) {
+ res.end('hello world')
+ }
+ `,
+ 'pages/api/blog/[slug].js': `
+ export default function handler(req, res) {
+ res.end('blog/[slug]')
+ }
+ `,
+ },
+ nextConfig: {
+ i18n: {
+ locales: ['en', 'fr'],
+ defaultLocale: 'en',
+ },
+ async rewrites() {
+ return {
+ beforeFiles: [],
+ afterFiles: [],
+ fallback: [
+ {
+ source: '/api/:path*',
+ destination: 'https://example.vercel.sh/',
+ },
+ ],
+ }
+ },
+ },
+ dependencies: {},
+ })
+ })
+ afterAll(() => next.destroy())
+
+ it('should respond to normal API request', async () => {
+ const res = await fetchViaHTTP(next.url, '/api/hello')
+ expect(res.status).toBe(200)
+ expect(await res.text()).toBe('hello world')
+ })
+
+ it('should respond to normal dynamic API request', async () => {
+ const res = await fetchViaHTTP(next.url, '/api/blog/first')
+ expect(res.status).toBe(200)
+ expect(await res.text()).toBe('blog/[slug]')
+ })
+
+ // TODO: re-enable after this is fixed to match on Vercel
+ if (!(global as any).isNextDeploy) {
+ it('should fallback rewrite non-matching API request', async () => {
+ const paths = [
+ '/fr/api/hello',
+ '/en/api/blog/first',
+ '/en/api/non-existent',
+ '/api/non-existent',
+ ]
+
+ for (const path of paths) {
+ const res = await fetchViaHTTP(next.url, path)
+ expect(res.status).toBe(200)
+ expect(await res.text()).toContain('Example Domain')
+ }
+ })
+ }
+})
diff --git a/test/e2e/tests/i18n-ignore-redirect-source-locale/app/pages/newpage.js b/test/e2e/tests/i18n-ignore-redirect-source-locale/app/pages/newpage.js
new file mode 100644
index 0000000000..4a19d965bb
--- /dev/null
+++ b/test/e2e/tests/i18n-ignore-redirect-source-locale/app/pages/newpage.js
@@ -0,0 +1,6 @@
+import { useRouter } from 'next/router'
+
+export default function Page() {
+ const router = useRouter()
+ return {router.locale}
+}
diff --git a/test/e2e/tests/i18n-ignore-redirect-source-locale/redirects-with-basepath.test.ts b/test/e2e/tests/i18n-ignore-redirect-source-locale/redirects-with-basepath.test.ts
new file mode 100644
index 0000000000..1d6598223f
--- /dev/null
+++ b/test/e2e/tests/i18n-ignore-redirect-source-locale/redirects-with-basepath.test.ts
@@ -0,0 +1,91 @@
+import { createNext, FileRef } from 'e2e-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { check } from 'next-test-utils'
+import { join } from 'path'
+import webdriver from 'next-webdriver'
+
+const locales = ['', '/en', '/sv', '/nl']
+
+describe('i18n-ignore-redirect-source-locale with basepath', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ next = await createNext({
+ files: {
+ pages: new FileRef(join(__dirname, 'app/pages')),
+ },
+ dependencies: {},
+ nextConfig: {
+ basePath: '/basepath',
+ i18n: {
+ locales: ['en', 'sv', 'nl'],
+ defaultLocale: 'en',
+ },
+ async redirects() {
+ return [
+ {
+ source: '/:locale/to-sv',
+ destination: '/sv/newpage',
+ permanent: false,
+ locale: false,
+ },
+ {
+ source: '/:locale/to-en',
+ destination: '/en/newpage',
+ permanent: false,
+ locale: false,
+ },
+ {
+ source: '/:locale/to-slash',
+ destination: '/newpage',
+ permanent: false,
+ locale: false,
+ },
+ {
+ source: '/:locale/to-same',
+ destination: '/:locale/newpage',
+ permanent: false,
+ locale: false,
+ },
+ ]
+ },
+ },
+ })
+ })
+ afterAll(() => next.destroy())
+
+ test.each(locales)(
+ 'get redirected to the new page, from: %s to: sv',
+ async (locale) => {
+ const browser = await webdriver(next.url, `basepath/${locale}/to-sv`)
+ await check(() => browser.elementById('current-locale').text(), 'sv')
+ }
+ )
+
+ test.each(locales)(
+ 'get redirected to the new page, from: %s to: en',
+ async (locale) => {
+ const browser = await webdriver(next.url, `basepath/${locale}/to-en`)
+ await check(() => browser.elementById('current-locale').text(), 'en')
+ }
+ )
+
+ test.each(locales)(
+ 'get redirected to the new page, from: %s to: /',
+ async (locale) => {
+ const browser = await webdriver(next.url, `basepath/${locale}/to-slash`)
+ await check(() => browser.elementById('current-locale').text(), 'en')
+ }
+ )
+
+ test.each(locales)(
+ 'get redirected to the new page, from and to: %s',
+ async (locale) => {
+ const browser = await webdriver(next.url, `basepath/${locale}/to-same`)
+ await check(
+ () => browser.elementById('current-locale').text(),
+ locale === '' ? 'en' : locale.slice(1)
+ )
+ }
+ )
+})
diff --git a/test/e2e/tests/i18n-ignore-redirect-source-locale/redirects.test.ts b/test/e2e/tests/i18n-ignore-redirect-source-locale/redirects.test.ts
new file mode 100644
index 0000000000..25e328d40f
--- /dev/null
+++ b/test/e2e/tests/i18n-ignore-redirect-source-locale/redirects.test.ts
@@ -0,0 +1,90 @@
+import { createNext, FileRef } from 'e2e-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { check } from 'next-test-utils'
+import { join } from 'path'
+import webdriver from 'next-webdriver'
+
+const locales = ['', '/en', '/sv', '/nl']
+
+describe('i18n-ignore-redirect-source-locale', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ next = await createNext({
+ files: {
+ pages: new FileRef(join(__dirname, 'app/pages')),
+ },
+ dependencies: {},
+ nextConfig: {
+ i18n: {
+ locales: ['en', 'sv', 'nl'],
+ defaultLocale: 'en',
+ },
+ async redirects() {
+ return [
+ {
+ source: '/:locale/to-sv',
+ destination: '/sv/newpage',
+ permanent: false,
+ locale: false,
+ },
+ {
+ source: '/:locale/to-en',
+ destination: '/en/newpage',
+ permanent: false,
+ locale: false,
+ },
+ {
+ source: '/:locale/to-slash',
+ destination: '/newpage',
+ permanent: false,
+ locale: false,
+ },
+ {
+ source: '/:locale/to-same',
+ destination: '/:locale/newpage',
+ permanent: false,
+ locale: false,
+ },
+ ]
+ },
+ },
+ })
+ })
+ afterAll(() => next.destroy())
+
+ test.each(locales)(
+ 'get redirected to the new page, from: %s to: sv',
+ async (locale) => {
+ const browser = await webdriver(next.url, `${locale}/to-sv`)
+ await check(() => browser.elementById('current-locale').text(), 'sv')
+ }
+ )
+
+ test.each(locales)(
+ 'get redirected to the new page, from: %s to: en',
+ async (locale) => {
+ const browser = await webdriver(next.url, `${locale}/to-en`)
+ await check(() => browser.elementById('current-locale').text(), 'en')
+ }
+ )
+
+ test.each(locales)(
+ 'get redirected to the new page, from: %s to: /',
+ async (locale) => {
+ const browser = await webdriver(next.url, `${locale}/to-slash`)
+ await check(() => browser.elementById('current-locale').text(), 'en')
+ }
+ )
+
+ test.each(locales)(
+ 'get redirected to the new page, from and to: %s',
+ async (locale) => {
+ const browser = await webdriver(next.url, `${locale}/to-same`)
+ await check(
+ () => browser.elementById('current-locale').text(),
+ locale === '' ? 'en' : locale.slice(1)
+ )
+ }
+ )
+})
diff --git a/test/e2e/tests/link-with-api-rewrite/app/next.config.js b/test/e2e/tests/link-with-api-rewrite/app/next.config.js
new file mode 100644
index 0000000000..451e3d8fbd
--- /dev/null
+++ b/test/e2e/tests/link-with-api-rewrite/app/next.config.js
@@ -0,0 +1,17 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+ reactStrictMode: true,
+ async rewrites() {
+ return {
+ beforeFiles: [
+ {
+ source: '/:path(.*)',
+ has: [{ type: 'query', key: 'json', value: 'true' }],
+ destination: '/api/json?from=/:path',
+ },
+ ],
+ }
+ },
+}
+
+module.exports = nextConfig
diff --git a/test/e2e/tests/link-with-api-rewrite/app/pages/api/json.js b/test/e2e/tests/link-with-api-rewrite/app/pages/api/json.js
new file mode 100644
index 0000000000..ea288af12d
--- /dev/null
+++ b/test/e2e/tests/link-with-api-rewrite/app/pages/api/json.js
@@ -0,0 +1,5 @@
+export default async function handler(req, res) {
+ const from = req.query.from || ''
+
+ return res.json({ from })
+}
diff --git a/test/e2e/tests/link-with-api-rewrite/app/pages/index.js b/test/e2e/tests/link-with-api-rewrite/app/pages/index.js
new file mode 100644
index 0000000000..a5324fc832
--- /dev/null
+++ b/test/e2e/tests/link-with-api-rewrite/app/pages/index.js
@@ -0,0 +1,14 @@
+import Link from 'next/link'
+
+export default function Page() {
+ return (
+
+
+ )
+}
diff --git a/test/e2e/tests/link-with-api-rewrite/index.test.ts b/test/e2e/tests/link-with-api-rewrite/index.test.ts
new file mode 100644
index 0000000000..31fccb1a42
--- /dev/null
+++ b/test/e2e/tests/link-with-api-rewrite/index.test.ts
@@ -0,0 +1,74 @@
+import { createNext, FileRef } from 'e2e-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { check } from 'next-test-utils'
+import { join } from 'path'
+import webdriver from 'next-webdriver'
+
+describe('link-with-api-rewrite', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ next = await createNext({
+ files: {
+ pages: new FileRef(join(__dirname, 'app/pages')),
+ 'next.config.js': new FileRef(join(__dirname, 'app/next.config.js')),
+ },
+ dependencies: {},
+ })
+ })
+ afterAll(() => next.destroy())
+
+ it('should perform hard navigation for rewritten urls', async () => {
+ const browser = await webdriver(next.url, '/')
+
+ try {
+ // Click the link on the page, we expect that there will be a hard
+ // navigation later (we do this be checking that the window global is
+ // unset).
+ await browser.eval('window.beforeNav = "hi"')
+ await browser.elementById('rewrite').click()
+ await check(() => browser.eval('window.beforeNav'), {
+ test: (content) => content !== 'hi',
+ })
+
+ // Check to see that we were in fact navigated to the correct page.
+ const pathname = await browser.eval('window.location.pathname')
+ expect(pathname).toBe('/some/route/for')
+
+ // Check to see that the resulting data is coming from the right endpoint.
+ const text = await browser.eval(
+ 'window.document.documentElement.innerText'
+ )
+ expect(text).toBe('{"from":"/some/route/for"}')
+ } finally {
+ await browser.close()
+ }
+ })
+
+ it('should perform hard navigation for direct urls', async () => {
+ const browser = await webdriver(next.url, '/')
+
+ try {
+ // Click the link on the page, we expect that there will be a hard
+ // navigation later (we do this be checking that the window global is
+ // unset).
+ await browser.eval('window.beforeNav = "hi"')
+ await browser.elementById('direct').click()
+ await check(() => browser.eval('window.beforeNav'), {
+ test: (content) => content !== 'hi',
+ })
+
+ // Check to see that we were in fact navigated to the correct page.
+ const pathname = await browser.eval('window.location.pathname')
+ expect(pathname).toBe('/api/json')
+
+ // Check to see that the resulting data is coming from the right endpoint.
+ const text = await browser.eval(
+ 'window.document.documentElement.innerText'
+ )
+ expect(text).toBe('{"from":""}')
+ } finally {
+ await browser.close()
+ }
+ })
+})
diff --git a/test/e2e/tests/middleware-base-path/app/middleware.js b/test/e2e/tests/middleware-base-path/app/middleware.js
new file mode 100644
index 0000000000..2e1bcab993
--- /dev/null
+++ b/test/e2e/tests/middleware-base-path/app/middleware.js
@@ -0,0 +1,24 @@
+import { NextResponse } from 'next/server'
+
+export async function middleware(request) {
+ const url = request.nextUrl
+
+ if (
+ request.method === 'HEAD' &&
+ url.basePath === '/root' &&
+ url.pathname === '/redirect-me-to-about'
+ ) {
+ url.pathname = '/about'
+ return NextResponse.redirect(url)
+ }
+
+ if (url.pathname === '/redirect-with-basepath' && !url.basePath) {
+ url.basePath = '/root'
+ return NextResponse.redirect(url)
+ }
+
+ if (url.pathname === '/redirect-with-basepath') {
+ url.pathname = '/about'
+ return NextResponse.rewrite(url)
+ }
+}
diff --git a/test/e2e/tests/middleware-base-path/app/next.config.js b/test/e2e/tests/middleware-base-path/app/next.config.js
new file mode 100644
index 0000000000..959fceae74
--- /dev/null
+++ b/test/e2e/tests/middleware-base-path/app/next.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+ basePath: '/root',
+}
diff --git a/test/e2e/tests/middleware-base-path/app/pages/about.js b/test/e2e/tests/middleware-base-path/app/pages/about.js
new file mode 100644
index 0000000000..9924acf037
--- /dev/null
+++ b/test/e2e/tests/middleware-base-path/app/pages/about.js
@@ -0,0 +1,7 @@
+export default function About() {
+ return (
+
+
About Page
+
+ )
+}
diff --git a/test/e2e/tests/middleware-base-path/app/pages/dynamic-routes/[routeName].js b/test/e2e/tests/middleware-base-path/app/pages/dynamic-routes/[routeName].js
new file mode 100644
index 0000000000..1fe4784b68
--- /dev/null
+++ b/test/e2e/tests/middleware-base-path/app/pages/dynamic-routes/[routeName].js
@@ -0,0 +1,11 @@
+import { useRouter } from 'next/router'
+
+export default function DynamicRoutes() {
+ const { query } = useRouter()
+
+ return (
+
+ {query.routeName}
+
+ )
+}
diff --git a/test/e2e/tests/middleware-base-path/app/pages/index.js b/test/e2e/tests/middleware-base-path/app/pages/index.js
new file mode 100644
index 0000000000..a65b40f43f
--- /dev/null
+++ b/test/e2e/tests/middleware-base-path/app/pages/index.js
@@ -0,0 +1,41 @@
+import Link from 'next/link'
+
+export default function Main({ message }) {
+ return (
+
+
Hello {message}
+
+
+
+
+
+
+
+
+
+
+
+
+
home
+ {props.fromMiddleware}
+
+)
+
+export async function getServerSideProps({ res }) {
+ return {
+ props: {
+ fromMiddleware: res.getHeader('x-from-middleware') || null,
+ },
+ }
+}
diff --git a/test/e2e/tests/middleware-custom-matchers-i18n/app/pages/routes.js b/test/e2e/tests/middleware-custom-matchers-i18n/app/pages/routes.js
new file mode 100644
index 0000000000..de7469fb8b
--- /dev/null
+++ b/test/e2e/tests/middleware-custom-matchers-i18n/app/pages/routes.js
@@ -0,0 +1,26 @@
+import Link from 'next/link'
+
+export default (props) => (
+
+
+
+
+
+
+
+
+
+
+)
diff --git a/test/e2e/tests/middleware-custom-matchers-i18n/test/index.test.ts b/test/e2e/tests/middleware-custom-matchers-i18n/test/index.test.ts
new file mode 100644
index 0000000000..0d81f50c74
--- /dev/null
+++ b/test/e2e/tests/middleware-custom-matchers-i18n/test/index.test.ts
@@ -0,0 +1,51 @@
+/* eslint-env jest */
+/* eslint-disable jest/no-standalone-expect */
+
+import { join } from 'path'
+import webdriver from 'next-webdriver'
+import { fetchViaHTTP } from 'next-test-utils'
+import { createNext, FileRef } from 'e2e-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+
+const itif = (condition: boolean) => (condition ? it : it.skip)
+
+const isModeDeploy = process.env.NEXT_TEST_MODE === 'deploy'
+
+describe('Middleware custom matchers i18n', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ next = await createNext({
+ files: new FileRef(join(__dirname, '../app')),
+ })
+ })
+ afterAll(() => next.destroy())
+
+ it.each(['/hello', '/en/hello', '/nl-NL/hello', '/nl-NL/about'])('should match', async (path) => {
+ const res = await fetchViaHTTP(next.url, path)
+ expect(res.status).toBe(200)
+ expect(res.headers.get('x-from-middleware')).toBeDefined()
+ })
+
+ // NTL Fail - it thinks "invalid" is a valid locale
+ // it.each(['/invalid/hello', '/hello/invalid', '/about', '/en/about'])(
+ it.each(['/hello/invalid', '/about', '/en/about'])('should not match', async (path) => {
+ const res = await fetchViaHTTP(next.url, path)
+ expect(res.status).toBe(404)
+ })
+
+ // FIXME:
+ // See https://linear.app/vercel/issue/EC-160/header-value-set-on-middleware-is-not-propagated-on-client-request-of
+ itif(!isModeDeploy).each(['hello', 'en_hello', 'nl-NL_hello', 'nl-NL_about'])(
+ 'should match has query on client routing',
+ async (id) => {
+ const browser = await webdriver(next.url, '/routes')
+ await browser.eval('window.__TEST_NO_RELOAD = true')
+ await browser.elementById(id).click()
+ const fromMiddleware = await browser.elementById('from-middleware').text()
+ expect(fromMiddleware).toBe('true')
+ const noReload = await browser.eval('window.__TEST_NO_RELOAD')
+ expect(noReload).toBe(true)
+ },
+ )
+})
diff --git a/test/e2e/tests/middleware-fetches-with-any-http-method/index.test.ts b/test/e2e/tests/middleware-fetches-with-any-http-method/index.test.ts
new file mode 100644
index 0000000000..fd8be9a47f
--- /dev/null
+++ b/test/e2e/tests/middleware-fetches-with-any-http-method/index.test.ts
@@ -0,0 +1,91 @@
+import { createNext } from 'e2e-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { fetchViaHTTP } from 'next-test-utils'
+
+describe('Middleware fetches with any HTTP method', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ next = await createNext({
+ files: {
+ 'pages/api/ping.js': `
+ export default (req, res) => {
+ res.send(JSON.stringify({
+ method: req.method,
+ headers: {...req.headers},
+ }))
+ }
+ `,
+ 'middleware.js': `
+ import { NextResponse } from 'next/server';
+
+ const HTTP_ECHO_URL = 'https://http-echo-kou029w.vercel.app/';
+
+ export default async (req) => {
+ const kind = req.nextUrl.searchParams.get('kind')
+ const handler = handlers[kind] ?? handlers['normal-fetch'];
+
+ const response = await handler({url: HTTP_ECHO_URL, method: req.method});
+ const json = await response.text()
+
+ const res = NextResponse.next();
+ res.headers.set('x-resolved', json ?? '{}');
+ return res
+ }
+
+ const handlers = {
+ 'new-request': ({url, method}) =>
+ fetch(new Request(url, { method, headers: { 'x-kind': 'new-request' } })),
+
+ 'normal-fetch': ({url, method}) =>
+ fetch(url, { method, headers: { 'x-kind': 'normal-fetch' } })
+ }
+ `,
+ },
+ dependencies: {},
+ })
+ })
+ afterAll(() => next.destroy())
+
+ it('passes the method on a direct fetch request', async () => {
+ const response = await fetchViaHTTP(
+ next.url,
+ '/api/ping',
+ {},
+ { method: 'POST' }
+ )
+ const json = await response.json()
+ expect(json).toMatchObject({
+ method: 'POST',
+ })
+
+ const headerJson = JSON.parse(response.headers.get('x-resolved'))
+ expect(headerJson).toMatchObject({
+ method: 'POST',
+ headers: {
+ 'x-kind': 'normal-fetch',
+ },
+ })
+ })
+
+ it('passes the method when providing a Request object', async () => {
+ const response = await fetchViaHTTP(
+ next.url,
+ '/api/ping',
+ { kind: 'new-request' },
+ { method: 'POST' }
+ )
+ const json = await response.json()
+ expect(json).toMatchObject({
+ method: 'POST',
+ })
+
+ const headerJson = JSON.parse(response.headers.get('x-resolved'))
+ expect(headerJson).toMatchObject({
+ method: 'POST',
+ headers: {
+ 'x-kind': 'new-request',
+ },
+ })
+ })
+})
diff --git a/test/e2e/tests/middleware-matcher/app/middleware.js b/test/e2e/tests/middleware-matcher/app/middleware.js
new file mode 100644
index 0000000000..546a09b541
--- /dev/null
+++ b/test/e2e/tests/middleware-matcher/app/middleware.js
@@ -0,0 +1,17 @@
+import { NextResponse } from 'next/server'
+
+export const config = {
+ matcher: [
+ '/',
+ '/with-middleware/:path*',
+ '/another-middleware/:path*',
+ // the below is testing special characters don't break the build
+ '/_sites/:path((?![^/]*\\.json$)[^/]+$)',
+ ],
+}
+
+export default (req) => {
+ const res = NextResponse.next()
+ res.headers.set('X-From-Middleware', 'true')
+ return res
+}
diff --git a/test/e2e/tests/middleware-matcher/app/pages/another-middleware.js b/test/e2e/tests/middleware-matcher/app/pages/another-middleware.js
new file mode 100644
index 0000000000..57d698e054
--- /dev/null
+++ b/test/e2e/tests/middleware-matcher/app/pages/another-middleware.js
@@ -0,0 +1,22 @@
+import Link from 'next/link'
+
+export default function Page(props) {
+ return (
+
+
This should also run the middleware
+
{JSON.stringify(props)}
+
+ to /
+
+
+
+
This should not run the middleware
+
{JSON.stringify(props)}
+
+ to /another-middleware
+
+
+
+ to /blog/slug-2
+
+
+
+
root page
+
{JSON.stringify(props)}
+
+ to /another-middleware
+
+
+
+ to /blog/slug-1
+
+
+
+
This should run the middleware
+
{message}
+
+
root page
+
{message}
+
Hi there!
+ }
+ `,
+ 'middleware.js': `
+ import { NextResponse } from 'next/server'
+ export default (req) => {
+ const res = NextResponse.next();
+ res.headers.set('X-From-Middleware', 'true');
+ return res;
+ }
+
+ export const config = { matcher: '/' };
+ `,
+ },
+ dependencies: {},
+ })
+ })
+ afterAll(() => next.destroy())
+
+ it('adds the header to the /', async () => {
+ const response = await fetchViaHTTP(next.url, '/')
+ expect(response.status).toBe(200)
+ expect(Object.fromEntries(response.headers)).toMatchObject({
+ 'x-from-middleware': 'true',
+ })
+ })
+
+ it('adds the header to the /index', async () => {
+ const response = await fetchViaHTTP(next.url, '/index')
+ expect(Object.fromEntries(response.headers)).toMatchObject({
+ 'x-from-middleware': 'true',
+ })
+ })
+
+ it('adds the header for a matched data path (with header)', async () => {
+ const response = await fetchViaHTTP(
+ next.url,
+ `/_next/data/${next.buildId}/index.json`,
+ undefined,
+ { headers: { 'x-nextjs-data': '1' } }
+ )
+ expect(await response.json()).toMatchObject({
+ pageProps: {
+ message: 'hello world',
+ },
+ })
+ expect(response.headers.get('X-From-Middleware')).toBe('true')
+ })
+
+ it('adds the header for a matched data path (without header)', async () => {
+ const response = await fetchViaHTTP(
+ next.url,
+ `/_next/data/${next.buildId}/index.json`
+ )
+ expect(await response.json()).toMatchObject({
+ pageProps: {
+ message: 'hello world',
+ },
+ })
+ expect(response.headers.get('X-From-Middleware')).toBe('true')
+ })
+})
+
+describe.each([
+ { title: '' },
+ { title: ' and trailingSlash', trailingSlash: true },
+])('using a single matcher with i18n$title', ({ trailingSlash }) => {
+ let next: NextInstance
+ beforeAll(async () => {
+ next = await createNext({
+ files: {
+ 'pages/index.js': `
+ export default function Page({ message }) {
+ return
+ }
+ export const getServerSideProps = ({ params, locale }) => ({
+ props: { message: \`(\${locale}) Hello from /\` }
+ })
+ `,
+ 'pages/[...route].js': `
+ export default function Page({ message }) {
+ return
+
catchall page
+
{message}
+
+
root page
+
{message}
+
+
catchall page
+
{message}
+
+
Hello {message}
+
Stream a response
+
+
Stream a long response
+
Test streaming after response ends
+
+
+ Attempt to add a header after stream ends
+
+
+
+ Redirect to Google and attempt to stream after
+
+
+
Respond with a header
+
+
+ Respond with 2 headers (nested middleware effect)
+
+
+
Respond with body, end, set a header
+
+
+ Respond with body, end, send another body
+
+
+
Respond with body
+
+
Redirect and then send a body
+
+
Send React component as a body
+
+
Stream React component
+
+
404
+
+
+ Hello!
+
+ )
+ )
+}
diff --git a/test/e2e/tests/og-api/app/pages/index.js b/test/e2e/tests/og-api/app/pages/index.js
new file mode 100644
index 0000000000..ff7159d914
--- /dev/null
+++ b/test/e2e/tests/og-api/app/pages/index.js
@@ -0,0 +1,3 @@
+export default function Page() {
+ return hello world
+}
diff --git a/test/e2e/tests/og-api/index.test.ts b/test/e2e/tests/og-api/index.test.ts
new file mode 100644
index 0000000000..9da3b614ce
--- /dev/null
+++ b/test/e2e/tests/og-api/index.test.ts
@@ -0,0 +1,30 @@
+import { createNext, FileRef } from 'e2e-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { fetchViaHTTP, renderViaHTTP } from 'next-test-utils'
+import { join } from 'path'
+
+describe('og-api', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ next = await createNext({
+ files: new FileRef(join(__dirname, 'app')),
+ dependencies: {
+ '@vercel/og': 'latest',
+ },
+ })
+ })
+ afterAll(() => next.destroy())
+
+ it('should respond from index', async () => {
+ const html = await renderViaHTTP(next.url, '/')
+ expect(html).toContain('hello world')
+ })
+
+ it('should work', async () => {
+ const res = await fetchViaHTTP(next.url, '/api/og')
+ expect(res.status).toBe(200)
+ const body = await res.blob()
+ expect(body.size).toBeGreaterThan(0)
+ })
+})
diff --git a/test/e2e/tests/ssr-react-context/app/context.js b/test/e2e/tests/ssr-react-context/app/context.js
new file mode 100644
index 0000000000..d50a243270
--- /dev/null
+++ b/test/e2e/tests/ssr-react-context/app/context.js
@@ -0,0 +1,5 @@
+import React from 'react'
+
+export const Idk = React.createContext(null)
+
+export const useIdk = () => React.useContext(Idk)
diff --git a/test/e2e/tests/ssr-react-context/app/pages/_app.js b/test/e2e/tests/ssr-react-context/app/pages/_app.js
new file mode 100644
index 0000000000..5863cbabb2
--- /dev/null
+++ b/test/e2e/tests/ssr-react-context/app/pages/_app.js
@@ -0,0 +1,9 @@
+import { Idk } from '../context'
+
+export default function MyApp({ Component, pageProps }) {
+ return (
+
+
+ )
+}
diff --git a/test/e2e/tests/ssr-react-context/app/pages/consumer.js b/test/e2e/tests/ssr-react-context/app/pages/consumer.js
new file mode 100644
index 0000000000..ab8100bff2
--- /dev/null
+++ b/test/e2e/tests/ssr-react-context/app/pages/consumer.js
@@ -0,0 +1,17 @@
+import React from 'react'
+
+const NumberContext = React.createContext(0)
+
+export default function page() {
+ return (
+
+
+ {(value) => Value: {value}
}
+
+
+ )
+}
+
+export async function getServerSideProps() {
+ return { props: {} }
+}
diff --git a/test/e2e/tests/ssr-react-context/app/pages/index.js b/test/e2e/tests/ssr-react-context/app/pages/index.js
new file mode 100644
index 0000000000..2c10108fc5
--- /dev/null
+++ b/test/e2e/tests/ssr-react-context/app/pages/index.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import { useIdk } from '../context'
+
+const Page = () => {
+ const idk = useIdk()
+
+ console.log(idk)
+
+ return (
+ <>
+ Value: {idk}
+
+ )
+}
+
+export default Page
diff --git a/test/e2e/tests/ssr-react-context/index.test.ts b/test/e2e/tests/ssr-react-context/index.test.ts
new file mode 100644
index 0000000000..503fe7f852
--- /dev/null
+++ b/test/e2e/tests/ssr-react-context/index.test.ts
@@ -0,0 +1,46 @@
+import { join } from 'path'
+import { renderViaHTTP, check } from 'next-test-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { createNext, FileRef } from 'e2e-utils'
+
+describe('React Context', () => {
+ let next: NextInstance
+
+ beforeAll(async () => {
+ next = await createNext({
+ files: {
+ pages: new FileRef(join(__dirname, 'app/pages')),
+ 'context.js': new FileRef(join(__dirname, 'app/context.js')),
+ },
+ })
+ })
+ afterAll(() => next.destroy())
+
+ it('should render a page with context', async () => {
+ const html = await renderViaHTTP(next.url, '/')
+ expect(html).toMatch(/Value: .*?hello world/)
+ })
+
+ it('should render correctly with context consumer', async () => {
+ const html = await renderViaHTTP(next.url, '/consumer')
+ expect(html).toMatch(/Value: .*?12345/)
+ })
+
+ if ((globalThis as any).isNextDev) {
+ it('should render with context after change', async () => {
+ const aboutAppPagePath = 'pages/_app.js'
+ const originalContent = await next.readFile(aboutAppPagePath)
+ await next.patchFile(
+ aboutAppPagePath,
+ originalContent.replace('hello world', 'new value')
+ )
+
+ try {
+ await check(() => renderViaHTTP(next.url, '/'), /Value: .*?new value/)
+ } finally {
+ await next.patchFile(aboutAppPagePath, originalContent)
+ }
+ await check(() => renderViaHTTP(next.url, '/'), /Value: .*?hello world/)
+ })
+ }
+})
diff --git a/test/e2e/tests/styled-jsx/app/.npmrc b/test/e2e/tests/styled-jsx/app/.npmrc
new file mode 100644
index 0000000000..4c2f52b3be
--- /dev/null
+++ b/test/e2e/tests/styled-jsx/app/.npmrc
@@ -0,0 +1,2 @@
+auto-install-peers=true
+strict-peer-dependencies=false
diff --git a/test/e2e/tests/styled-jsx/app/node_modules_bak/my-comps/button.js b/test/e2e/tests/styled-jsx/app/node_modules_bak/my-comps/button.js
new file mode 100644
index 0000000000..a800c06432
--- /dev/null
+++ b/test/e2e/tests/styled-jsx/app/node_modules_bak/my-comps/button.js
@@ -0,0 +1,31 @@
+Object.defineProperty(exports, '__esModule', { value: true })
+
+function _interopDefault(ex) {
+ return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex
+}
+
+var _JSXStyle = _interopDefault(require('styled-jsx/style'))
+var React = require('react')
+
+function Button() {
+ return React.createElement(
+ 'button',
+ {
+ className: 'jsx-451104437',
+ },
+ 'hello',
+ React.createElement(
+ _JSXStyle,
+ {
+ id: '451104437',
+ },
+ '.jsx-451104437{color:cyan;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWtCLEFBRW1CLFVBQ1oiLCJmaWxlIjoiQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQnV0dG9uKCkge1xuICByZXR1cm4gKFxuICAgIDxidXR0b24+XG4gICAgICBoZWxsb1xuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICBjb2xybzogcmVkO1xuICAgICAgYH08L3N0eWxlPlxuICAgIDwvYnV0dG9uPlxuICApO1xufVxuIl19 */\n/*@ sourceURL=Button.tsx */'
+ )
+ )
+}
+
+/**
+ * @class ExampleComponent
+ */
+
+exports.Button = Button
diff --git a/test/e2e/tests/styled-jsx/app/pages/amp.js b/test/e2e/tests/styled-jsx/app/pages/amp.js
new file mode 100644
index 0000000000..8f71fdbc5c
--- /dev/null
+++ b/test/e2e/tests/styled-jsx/app/pages/amp.js
@@ -0,0 +1,12 @@
+import { Button } from 'my-comps/button'
+
+export const config = { amp: true }
+
+export default function page() {
+ return (
+ <>
+ Hello world
+ Click me
+
+ )
+}
diff --git a/test/e2e/tests/styled-jsx/app/pages/index.js b/test/e2e/tests/styled-jsx/app/pages/index.js
new file mode 100644
index 0000000000..378661135f
--- /dev/null
+++ b/test/e2e/tests/styled-jsx/app/pages/index.js
@@ -0,0 +1,11 @@
+import { Button } from 'my-comps/button'
+
+export default function Page() {
+ return (
+
+
+
hello world
+
Click me
+
This page has a title 🤔
+ hello world
+ isAmp: {isAmp ? 'yes' : 'false'}
+ An example components load via next/dynamic
+ }
+ `,
+ },
+ dependencies: {},
+ })
+
+ // can't modify build output after deploy
+ if (!(global as any).isNextDeploy) {
+ const contents = await next.readFile('package.json')
+ const pkg = JSON.parse(contents)
+ await next.patchFile(
+ 'package.json',
+ JSON.stringify({
+ ...pkg,
+ type: 'module',
+ })
+ )
+ }
+ })
+ afterAll(() => next.destroy())
+
+ it('should render server-side', async () => {
+ const html = await renderViaHTTP(next.url, '/')
+ expect(html).toContain('hello world')
+ // component load via next/dynamic should rendered on the server side
+ expect(html).toContain('An example components load via next/dynamic')
+ // imported next/amp should work on the server side
+ const $ = cheerio.load(html)
+ expect($('#isAmp').text()).toContain('false')
+ })
+
+ it('should render client-side', async () => {
+ const browser = await webdriver(next.url, '/')
+ expect(await hasRedbox(browser)).toBe(false)
+ await browser.close()
+ })
+
+ it('should render server-side with modules', async () => {
+ const html = await renderViaHTTP(next.url, '/modules')
+ const $ = cheerio.load(html)
+ expect($('#link-to-home').text()).toBe('link to home')
+ })
+
+ it('should render client-side with modules', async () => {
+ const browser = await webdriver(next.url, '/modules')
+ expect(await hasRedbox(browser)).toBe(false)
+ await browser.close()
+ })
+})