canary tests

Author: chargome

dev-packages/e2e-tests/test-applications/nextjs-16/next.config.ts

@@ -1,10 +1,12 @@
 import { withSentryConfig } from '@sentry/nextjs';
 import type { NextConfig } from 'next';
 
+const isCanaryBuild = process.env.CANARY_BUILD === 'true';
+
 const nextConfig: NextConfig = {
-  // experimental: {
-  //   cacheComponents: true,
-  // },
+  experimental: {
+    ...(isCanaryBuild ? { cacheComponents: true } : {}),
+  },
 };
 
 export default withSentryConfig(nextConfig, {

dev-packages/e2e-tests/test-applications/nextjs-16/package.json

@@ -5,26 +5,30 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build > .tmp_build_stdout 2> .tmp_build_stderr || (cat .tmp_build_stdout && cat .tmp_build_stderr && exit 1)",
+    "build:canary": "CANARY_BUILD=true next build",
     "clean": "npx rimraf node_modules pnpm-lock.yaml .tmp_dev_server_logs",
     "dev:webpack": "next dev --webpack",
     "build:webpack": "next build --webpack",
     "start": "next start",
     "lint": "eslint",
     "test:prod": "TEST_ENV=production playwright test",
     "test:dev": "TEST_ENV=development playwright test",
+    "test:prod-canary": "CANARY_BUILD=true TEST_ENV=production playwright test",
+    "test:dev-canary": "CANARY_BUILD=true playwright test",
     "test:build": "pnpm install && pnpm build",
-    "test:build-canary": "pnpm install && pnpm add next@canary && pnpm build",
-    "test:assert": "pnpm test:prod && pnpm test:dev"
+    "test:build-canary": "pnpm install && pnpm add next@canary && pnpm build:canary",
+    "test:assert": "pnpm test:prod && pnpm test:dev",
+    "test:assert-canary": "pnpm test:prod-canary && pnpm test:dev-canary"
   },
   "dependencies": {
     "@sentry/nextjs": "latest || *",
-    "next": "beta",
     "ai": "^3.0.0",
+    "import-in-the-middle": "^1",
+    "next": "16.0.0-beta.0",
     "react": "19.1.0",
     "react-dom": "19.1.0",
-    "zod": "^3.22.4",
-    "import-in-the-middle": "^1",
-    "require-in-the-middle": "^7"
+    "require-in-the-middle": "^7",
+    "zod": "^3.22.4"
   },
   "devDependencies": {
     "@playwright/test": "~1.53.2",
@@ -38,5 +42,17 @@
   },
   "volta": {
     "extends": "../../package.json"
+  },
+  "sentryTest": {
+    "optionalVariants": [
+      {
+        "build-command": "pnpm test:build-canary",
+        "label": "nextjs-16 (canary)",
+        "assert-command": "test:assert-canary"
+      },
+      {
+        "//": "todo: add latest variant once next 16 is released"
+      }
+    ]
   }
 }

dev-packages/e2e-tests/test-applications/nextjs-16/tests/cached-components-error.test.ts

@@ -1,21 +1,21 @@
 import { expect, test } from '@playwright/test';
 import { waitForError, waitForTransaction } from '@sentry-internal/test-utils';
 
-test('should not capture React-internal errors for PPR rendering', async ({ page }) => {
-  // todo
-  test.skip(true, 'needs to run on latest canary version');
+test('should not capture React-internal errors for cached components', async ({ page }) => {
+  test.skip(process.env.CANARY_BUILD === 'true', 'needs to run on latest canary version');
+
   const pageServerComponentTransactionPromise = waitForTransaction('nextjs-16', async transactionEvent => {
     return transactionEvent?.transaction === 'GET /ppr-error/[param]';
   });
 
   let errorEventReceived = false;
   waitForError('nextjs-16', async errorEvent => {
-    return errorEvent?.transaction === 'Page Server Component (/ppr-error/[param])';
+    return errorEvent?.transaction === 'Page Server Component (/cached-components-error/[param])';
   }).then(() => {
     errorEventReceived = true;
   });
 
-  await page.goto(`/ppr-error/foobar?id=1`);
+  await page.goto(`/cached-components-error/foobar?id=1`);
 
   const pageServerComponentTransaction = await pageServerComponentTransactionPromise;
   expect(pageServerComponentTransaction).toBeDefined();