add e2e

Author: sommeeeer

examples/app-router/app/auth-interrupts/forbidden/page.tsx

@@ -0,0 +1,8 @@
+import { forbidden } from "next/navigation";
+
+export default function Page() {
+  forbidden();
+
+  // this should never be rendered
+  return <></>;
+}

examples/app-router/app/auth-interrupts/unauthorized/page.tsx

@@ -0,0 +1,8 @@
+import { unauthorized } from "next/navigation";
+
+export default function Page() {
+  unauthorized();
+
+  // this should never be rendered
+  return <></>;
+}

examples/app-router/app/forbidden.tsx

@@ -0,0 +1,11 @@
+import Link from "next/link";
+
+export default function Forbidden() {
+  return (
+    <div>
+      <h2>Forbidden</h2>
+      <p>You are not authorized to access this resource.</p>
+      <Link href="/">Return Home</Link>
+    </div>
+  );
+}

examples/app-router/app/unauthorized.tsx

@@ -0,0 +1,7 @@
+export default function Unauthorized() {
+  return (
+    <div>
+      <h2>Unauthorized</h2>
+    </div>
+  );
+}

examples/app-router/next.config.ts

@@ -17,6 +17,9 @@ const nextConfig: NextConfig = {
       },
     ],
   },
+  experimental: {
+    authInterrupts: true,
+  },
   redirects: async () => {
     return [
       {

packages/tests-e2e/tests/appRouter/auth-interrupts.test.ts

@@ -0,0 +1,28 @@
+import { expect, test } from "@playwright/test";
+
+const NO_CACHE_HEADER =
+  "private, no-cache, no-store, max-age=0, must-revalidate";
+
+test("test forbidden", async ({ page }) => {
+  const result = await page.goto("/auth-interrupts/forbidden");
+  expect(result).toBeDefined();
+  expect(result?.status()).toBe(403);
+
+  const headers = result?.headers();
+  expect(headers?.["cache-control"]).toBe(NO_CACHE_HEADER);
+
+  const heading = page.getByText("Forbidden");
+  await expect(heading).toBeVisible();
+});
+
+test("test unauthorized", async ({ page }) => {
+  const result = await page.goto("/auth-interrupts/unauthorized");
+  expect(result).toBeDefined();
+  expect(result?.status()).toBe(401);
+
+  const headers = result?.headers();
+  expect(headers?.["cache-control"]).toBe(NO_CACHE_HEADER);
+
+  const heading = page.getByText("Unauthorized");
+  await expect(heading).toBeVisible();
+});