test: Refactor extractor tests to e2e (#2312)

Co-authored-by: Cursor Agent <cursoragent@cursor.com>

Author: amannn

.github/workflows/main.yml

@@ -42,7 +42,7 @@ jobs:
         with:
           path: ~/.cache/ms-playwright
           key: ${{ runner.os }}-playwright-${{ steps.playwright-version.outputs.version }}
-      - run: pnpm --filter example-app-router exec playwright install --with-deps
+      - run: pnpm --filter example-app-router --filter "./e2e/extracted-json" --filter "./e2e/extracted-po" exec playwright install --with-deps
         if: steps.playwright-cache.outputs.cache-hit != 'true'
 
       # Main tasks

e2e/extracted-json/.gitignore

@@ -0,0 +1,4 @@
+node_modules/
+.next/
+playwright-report/
+test-results/

e2e/extracted-json/.prettierignore

@@ -0,0 +1,3 @@
+.next
+test-results
+next-env.d.ts

e2e/extracted-json/eslint.config.mjs

@@ -0,0 +1,20 @@
+import {defineConfig} from 'eslint/config';
+import nextVitals from 'eslint-config-next/core-web-vitals';
+import nextTs from 'eslint-config-next/typescript';
+
+export default defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  {
+    rules: {
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_',
+          caughtErrorsIgnorePattern: '^_',
+          varsIgnorePattern: '^_'
+        }
+      ]
+    }
+  }
+]);

e2e/extracted-json/messages/de.json

@@ -0,0 +1,4 @@
+{
+  "NhX4DJ": "Hallo",
+  "+YJVTi": ""
+}

e2e/extracted-json/messages/en.json

@@ -0,0 +1,4 @@
+{
+  "NhX4DJ": "Hello",
+  "+YJVTi": "Hey!"
+}

e2e/extracted-json/next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

e2e/extracted-json/next.config.ts

@@ -0,0 +1,17 @@
+import {NextConfig} from 'next';
+import createNextIntlPlugin from 'next-intl/plugin';
+
+const withNextIntl = createNextIntlPlugin({
+  experimental: {
+    srcPath: './src',
+    extract: {sourceLocale: 'en'},
+    messages: {
+      path: './messages',
+      format: 'json',
+      locales: 'infer'
+    }
+  }
+});
+
+const config: NextConfig = {};
+export default withNextIntl(config);

e2e/extracted-json/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "e2e-extracted-json",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "next dev",
+    "lint": "eslint src tests && prettier . --check",
+    "build": "next build",
+    "start": "next start",
+    "test": "playwright test"
+  },
+  "dependencies": {
+    "e2e-utils": "workspace:*",
+    "next": "^16.0.10",
+    "next-intl": "workspace:*",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "use-intl": "workspace:*"
+  },
+  "devDependencies": {
+    "@eslint/eslintrc": "^3.1.0",
+    "@playwright/test": "^1.51.1",
+    "@types/react": "^19.2.3",
+    "@types/react-dom": "^19.2.3",
+    "eslint": "^9.38.0",
+    "eslint-config-next": "^16.0.10",
+    "prettier": "^3.3.3",
+    "typescript": "^5.5.3"
+  },
+  "prettier": {
+    "singleQuote": true,
+    "bracketSpacing": false,
+    "trailingComma": "none"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  }
+}

e2e/extracted-json/playwright.config.ts

@@ -0,0 +1,22 @@
+import {defineConfig, devices} from '@playwright/test';
+import {reserveSharedPlaywrightDevPort} from 'e2e-utils/playwright-dev-port';
+
+const port = await reserveSharedPlaywrightDevPort(
+  'PW_E2E_EXTRACTED_JSON_DEV_PORT'
+);
+
+export default defineConfig({
+  workers: 1,
+  fullyParallel: false,
+  testDir: './tests',
+  timeout: 120_000,
+  use: {
+    ...devices['Desktop Chrome'],
+    baseURL: `http://localhost:${port}`
+  },
+  webServer: {
+    command: `PORT=${port} pnpm dev`,
+    port,
+    reuseExistingServer: !process.env.CI
+  }
+});