SDK-613: upgrade Next.js examples to 16.3.4 and add example test coverage

.github/workflows/ci.yaml

@@ -13,16 +13,19 @@ jobs:
     runs-on: ubuntu-latest
 
     strategy:
+      # Let every runtime report rather than cancelling its siblings on the
+      # first failure -- but the job itself must still fail the run.
+      fail-fast: false
       matrix:
         include:
-          - node: 18
-            npm: 9
+          # Next.js 16 (used by the examples) requires node >= 20.9, so 20 is
+          # the floor. 22 and 24 are the maintained LTS lines.
           - node: 20
             npm: 10
-          - node: 21
+          - node: 22
             npm: 10
-
-    continue-on-error: true
+          - node: 24
+            npm: 11
 
     steps:
       - name: Checkout
@@ -67,6 +70,9 @@ jobs:
       - name: Test
         run: npm run test
 
+      - name: Test examples
+        run: npm run test:examples
+
   install:
     runs-on: ubuntu-latest
 

examples/nextjs-approuter/eslint.config.mjs

@@ -0,0 +1,9 @@
+import nextCoreWebVitals from 'eslint-config-next/core-web-vitals';
+
+// Next 16 removed `next lint`, so ESLint runs directly against this flat
+// config. `eslint-config-next/core-web-vitals` already brings the TypeScript
+// setup and the `.next`/`out`/`build` ignores with it.
+/** @type {import('eslint').Linter.Config[]} */
+const config = [...nextCoreWebVitals];
+
+export default config;

examples/nextjs-approuter/jest.config.js

@@ -0,0 +1,12 @@
+const nextJest = require('next/jest');
+
+const createJestConfig = nextJest({ dir: './' });
+
+/** @type {import('jest').Config} */
+const jestConfig = {
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
+  testEnvironment: 'jest-environment-jsdom',
+  testMatch: ['<rootDir>/src/__tests__/**/*.test.tsx'],
+};
+
+module.exports = createJestConfig(jestConfig);

examples/nextjs-approuter/jest.setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

examples/nextjs-approuter/next.config.mjs

@@ -1,4 +1,13 @@
+import { fileURLToPath } from 'url';
+import path from 'path';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  // This example lives inside the @rollbar/react repo, so Next.js would
+  // otherwise infer the repo root as the workspace root.
+  outputFileTracingRoot: __dirname,
+};
 
 export default nextConfig;