first commit

test/e2e/app-dir/interception-route-prefetch-cache/app/Modal.tsx

@@ -0,0 +1,15 @@
+interface ModalProps {
+  title: string
+  context: string
+}
+
+export function Modal({ title, context }: ModalProps) {
+  return (
+    <div>
+      <div className="modal">
+        <h1>{title}</h1>
+        <h2>{context}</h2>
+      </div>
+    </div>
+  )
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/bar/@modal/(...)post/[id]/page.tsx

@@ -0,0 +1,12 @@
+import { Modal } from '../../../../Modal'
+
+export default async function BarPagePostInterceptSlot({
+  params,
+}: {
+  params: Promise<{
+    id: string
+  }>
+}) {
+  const { id } = await params
+  return <Modal title={`Post ${id}`} context="Intercepted on Bar Page" />
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/bar/@modal/default.tsx

@@ -0,0 +1,3 @@
+export default function Default() {
+  return null
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/bar/default.tsx

@@ -0,0 +1,3 @@
+export default function Default() {
+  return null
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/bar/layout.tsx

@@ -0,0 +1,14 @@
+export default function BarLayout({
+  modal,
+  children,
+}: {
+  modal: React.ReactNode
+  children: React.ReactNode
+}) {
+  return (
+    <>
+      <div id="slot">{modal}</div>
+      <div id="children">{children}</div>
+    </>
+  )
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/bar/page.tsx

@@ -0,0 +1,10 @@
+import Link from 'next/link'
+
+export default function BarPage() {
+  return (
+    <div>
+      <h1>Bar Page</h1>
+      <Link href="/post/1">Post 1</Link>
+    </div>
+  )
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/baz/@modal/(.)modal/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>Interception Modal</div>
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/baz/@modal/default.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return null
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/baz/layout.tsx

@@ -0,0 +1,8 @@
+export default function Layout(props) {
+  return (
+    <>
+      <div>{props.children}</div>
+      <div>{props.modal}</div>
+    </>
+  )
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/baz/modal/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>Modal Page</div>
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/baz/page.tsx

@@ -0,0 +1,9 @@
+import Link from 'next/link'
+
+export default function Page() {
+  return (
+    <div>
+      <Link href="/baz/modal">Open Interception Modal</Link>
+    </div>
+  )
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/foo/@modal/(...)post/[id]/page.tsx

@@ -0,0 +1,12 @@
+import { Modal } from '../../../../Modal'
+
+export default async function FooPagePostInterceptSlot({
+  params,
+}: {
+  params: Promise<{
+    id: string
+  }>
+}) {
+  const { id } = await params
+  return <Modal title={`Post ${id}`} context="Intercepted on Foo Page" />
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/foo/@modal/default.tsx

@@ -0,0 +1,3 @@
+export default function Default() {
+  return null
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/foo/default.tsx

@@ -0,0 +1,3 @@
+export default function Default() {
+  return null
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/foo/layout.tsx

@@ -0,0 +1,14 @@
+export default function FooLayout({
+  modal,
+  children,
+}: {
+  modal: React.ReactNode
+  children: React.ReactNode
+}) {
+  return (
+    <>
+      <div id="slot">{modal}</div>
+      <div id="children">{children}</div>
+    </>
+  )
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/foo/page.tsx

@@ -0,0 +1,10 @@
+import Link from 'next/link'
+
+export default function FooPage() {
+  return (
+    <div>
+      <h1>Foo Page</h1>
+      <Link href="/post/1">Post 1</Link>
+    </div>
+  )
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/layout-edge.tsx

@@ -0,0 +1,17 @@
+// this file is swapped in for the normal layout file in the edge runtime test
+
+import Link from 'next/link'
+
+export const runtime = 'edge'
+
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <head />
+      <body>
+        <Link href="/">home</Link>
+        {children}
+      </body>
+    </html>
+  )
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/layout.tsx

@@ -0,0 +1,13 @@
+import Link from 'next/link'
+
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <head />
+      <body>
+        <Link href="/">home</Link>
+        {children}
+      </body>
+    </html>
+  )
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/page.tsx

@@ -0,0 +1,18 @@
+import Link from 'next/link'
+
+export default function Home() {
+  return (
+    <ul id="home">
+      <li>
+        <Link href="/foo">foo</Link>
+      </li>
+      <li>
+        <Link href="/bar">bar</Link>
+      </li>
+      <br />
+      <li>
+        <Link href="/post/1">post 1</Link>
+      </li>
+    </ul>
+  )
+}

test/e2e/app-dir/interception-route-prefetch-cache/app/post/[id]/page.tsx

@@ -0,0 +1,14 @@
+export default async function PostPage({
+  params,
+}: {
+  params: Promise<{
+    id: string
+  }>
+}) {
+  const { id } = await params
+  return (
+    <div>
+      <h1>Post {id}</h1>
+    </div>
+  )
+}