fix: update test with getServerSideProps

Author: abvthecity

test/production/deployment-id-handling/app/pages/pages-edge.tsx

@@ -1,10 +1,10 @@
 import testImage from '../public/test.jpg'
 import Image from 'next/image'
 
-export default function Page() {
+export default function Page({ data }: { data: string }) {
   return (
     <>
-      <p>hello pages edge</p>
+      <h1>{data}</h1>
       <Image src={testImage} alt="test image" />
       <p id="deploymentId">{process.env.NEXT_DEPLOYMENT_ID}</p>
 
@@ -25,3 +25,11 @@ export default function Page() {
 export const config = {
   runtime: 'experimental-edge',
 }
+
+export function getServerSideProps() {
+  return {
+    props: {
+      data: 'hello pages edge',
+    },
+  }
+}

test/production/deployment-id-handling/deployment-id-handling.test.ts

@@ -90,16 +90,20 @@ describe.each(['NEXT_DEPLOYMENT_ID', 'CUSTOM_DEPLOYMENT_ID'])(
         beforePageLoad(page) {
           page.on('request', async (req) => {
             const headers = await req.allHeaders()
-            if (headers['x-next-data']) {
+            if (headers['x-nextjs-data']) {
               dataHeaders.push(headers)
             }
           })
         },
       })
 
-      await browser.elementById('edge-link').click()
+      await browser.elementByCss('#edge-link').click()
 
-      expect(dataHeaders.length).toBeGreaterThan(0)
+      await retry(async () => {
+        expect(await browser.elementByCss('h1').text()).toBe('hello pages edge')
+        expect(await browser.url()).toContain('/pages-edge')
+        expect(dataHeaders.length).toBeGreaterThan(0)
+      })
 
       expect(
         dataHeaders.every(