test(nextjs): Fix integration tests for Next.js 13.0.7 (#6556)

Author: Luca Forstner

packages/nextjs/test/integration/pages/[id]/withInitialProps.tsx

@@ -3,7 +3,9 @@ import Link from 'next/link';
 const WithInitialPropsPage = ({ data }: { data: string }) => (
   <>
     <h1>WithInitialPropsPage {data}</h1>
-    <Link href="/1337/withServerSideProps">
+    {/*
+      // @ts-ignore https://nextjs.org/docs/api-reference/next/link#if-the-child-is-a-custom-component-that-wraps-an-a-tag */}
+    <Link href="/1337/withServerSideProps" passHref legacyBehavior>
       <a id="server-side-props-page">Go to withServerSideProps</a>
     </Link>
   </>

packages/nextjs/test/integration/pages/[id]/withServerSideProps.tsx

@@ -3,7 +3,9 @@ import Link from 'next/link';
 const WithServerSidePropsPage = ({ data }: { data: string }) => (
   <>
     <h1>WithServerSidePropsPage {data}</h1>
-    <Link href="/3c2e87573d/withInitialProps">
+    {/*
+      // @ts-ignore https://nextjs.org/docs/api-reference/next/link#if-the-child-is-a-custom-component-that-wraps-an-a-tag */}
+    <Link href="/3c2e87573d/withInitialProps" passHref legacyBehavior>
       <a id="initial-props-page">Go to withInitialProps</a>
     </Link>
   </>

packages/nextjs/test/integration/pages/alsoHealthy.tsx

@@ -1,7 +1,8 @@
 import Link from 'next/link';
 
 const HealthyPage = (): JSX.Element => (
-  <Link href="/healthy">
+  // @ts-ignore https://nextjs.org/docs/api-reference/next/link#if-the-child-is-a-custom-component-that-wraps-an-a-tag
+  <Link href="/healthy" passHref legacyBehavior>
     <a id="healthy">Healthy</a>
   </Link>
 );

packages/nextjs/test/integration/pages/healthy.tsx

@@ -1,7 +1,8 @@
 import Link from 'next/link';
 
 const HealthyPage = (): JSX.Element => (
-  <Link href="/alsoHealthy">
+  // @ts-ignore https://nextjs.org/docs/api-reference/next/link#if-the-child-is-a-custom-component-that-wraps-an-a-tag
+  <Link href="/alsoHealthy" passHref legacyBehavior>
     <a id="alsoHealthy">AlsoHealthy</a>
   </Link>
 );

packages/nextjs/test/integration/pages/users/index.tsx

@@ -19,7 +19,9 @@ const WithStaticProps = ({ items }: Props) => (
     <p>You are currently on: /users</p>
     <List items={items} />
     <p>
-      <Link href="/">
+      {/*
+      // @ts-ignore https://nextjs.org/docs/api-reference/next/link#if-the-child-is-a-custom-component-that-wraps-an-a-tag */}
+      <Link href="/" passHref legacyBehavior>
         <a>Go home</a>
       </Link>
     </p>