Add integration test

Author: Luca Forstner

packages/nextjs/test/integration/app/throwing-servercomponent/layout.tsx

@@ -0,0 +1,3 @@
+export default function ({ children }: { children: React.ReactNode }) {
+  return <>{children}</>;
+}

packages/nextjs/test/integration/app/throwing-servercomponent/page.tsx

@@ -0,0 +1,6 @@
+export default async function () {
+  // do some request so that next will render this component serverside for each new pageload
+  await fetch('http://example.com', { cache: 'no-store' });
+  throw new Error('I am an Error thrown inside a server component');
+  return <p>I am a server component!</p>;
+}

packages/nextjs/test/integration/test/server/autoWrappedServerComponent.test.ts

@@ -0,0 +1,28 @@
+import { NextTestEnv } from './utils/helpers';
+
+describe('Loading the throwing server component', () => {
+  it('should capture an error event via auto wrapping', async () => {
+    if (process.env.USE_APPDIR !== 'true') {
+      return;
+    }
+
+    const env = await NextTestEnv.init();
+    const url = `${env.url}/throwing-servercomponent`;
+
+    const envelope = await env.getEnvelopeRequest({
+      url,
+      envelopeType: 'event',
+    });
+
+    expect(envelope[2]).toMatchObject({
+      exception: {
+        values: [
+          {
+            type: 'Error',
+            value: 'I am an Error thrown inside a server component',
+          },
+        ],
+      },
+    });
+  });
+});