Merge pull request #7336 from getsentry/lforst-thorough-nextjs13-tests

Author: Luca Forstner

packages/e2e-tests/test-applications/nextjs-13-app-dir/app/client-component/page.tsx

@@ -0,0 +1,11 @@
+'use client';
+
+export default function Error({ error, reset }: { error: Error; reset: () => void }) {
+  return (
+    <div style={{ border: '1px solid lightgrey', padding: '12px' }}>
+      <h2>Error (/client-component)</h2>
+      <button onClick={() => reset()}>Reset</button>
+      Error: {error.toString()}
+    </div>
+  );
+}

packages/e2e-tests/test-applications/nextjs-13-app-dir/app/layout.tsx

@@ -0,0 +1,10 @@
+'use client';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <div style={{ border: '1px solid lightgrey', padding: '12px' }}>
+      <h1>Layout (/client-component)</h1>
+      {children}
+    </div>
+  );
+}

packages/e2e-tests/test-applications/nextjs-13-app-dir/app/page.tsx

@@ -0,0 +1,7 @@
+export default function Loading() {
+  return (
+    <div style={{ border: '1px solid lightgrey', padding: '12px' }}>
+      <h2>Loading (/client-component)</h2>
+    </div>
+  );
+}

packages/e2e-tests/test-applications/nextjs-13-app-dir/app/user/[id]/page.tsx

@@ -0,0 +1,7 @@
+export default function NotFound() {
+  return (
+    <div style={{ border: '1px solid lightgrey', padding: '12px' }}>
+      <h2>Not found (/client-component)</h2>;
+    </div>
+  );
+}