chore: add e2e tests

Author: ascorbic

cypress/integration/middleware/standard.spec.ts

@@ -20,3 +20,26 @@ describe('Standard middleware', () => {
     })
   })
 })
+
+describe('Middleware matchers', () => {
+  it('does not apply "has" matcher when headers are not sent', () => {
+    cy.request('/conditional').then((response) => {
+      expect(response.headers).not.to.have.property('x-is-deno', 'true')
+      expect(response.headers).not.to.have.property('x-modified-edge', 'true')
+    })
+  })
+
+  it('matches when headers are sent', () => {
+    cy.request({ url: '/conditional', headers: { 'x-my-header': 'my-value' } }).then((response) => {
+      expect(response.headers).to.have.property('x-is-deno', 'true')
+      expect(response.headers).to.have.property('x-modified-edge', 'true')
+    })
+  })
+
+  it('matches when headers are sent', () => {
+    cy.request('/_next/data/build-id/static.json').then((response) => {
+      expect(response.headers).to.have.property('x-is-deno', 'true')
+      expect(response.headers).to.have.property('x-modified-edge', 'true')
+    })
+  })
+})

demos/custom-routes/middleware.ts

@@ -18,6 +18,8 @@ export async function middleware(req: NextRequest) {
     res.setPageProp('message', message)
     res.setPageProp('showAd', true)
 
+    res.headers.set('x-modified-edge', 'true')
+    res.headers.set('x-is-deno', 'Deno' in globalThis ? 'true' : 'false')
     return res
   }
 
@@ -39,6 +41,13 @@ export async function middleware(req: NextRequest) {
     return response
   }
 
+  if (pathname.startsWith('/conditional')) {
+    response = NextResponse.next()
+    response.headers.set('x-modified-edge', 'true')
+    response.headers.set('x-is-deno', 'Deno' in globalThis ? 'true' : 'false')
+    return response
+  }
+
   if (pathname.startsWith('/shows')) {
     if (pathname.startsWith('/shows/rewrite-absolute')) {
       response = NextResponse.rewrite(new URL('/shows/100', req.url))
@@ -79,3 +88,22 @@ export async function middleware(req: NextRequest) {
     return response
   }
 }
+
+export const config = {
+  matcher: [
+    '/api/:all*',
+    '/headers',
+    { source: '/static' },
+    { source: '/shows/:all*' },
+    {
+      source: '/conditional',
+      has: [
+        {
+          type: 'header',
+          key: 'x-my-header',
+          value: 'my-value',
+        },
+      ],
+    },
+  ],
+}

demos/middleware/middleware.ts

@@ -0,0 +1,11 @@
+import * as React from 'react'
+
+const Page = () => {
+  return (
+    <div>
+      <p>Will set middleware headers only if request header is set</p>
+    </div>
+  )
+}
+
+export default Page