test: share React Start basic mode e2e suite

e2e/react-start/basic-prerender/.gitignore

@@ -0,0 +1,5 @@
+node_modules
+
+/test-results/
+/playwright-report/
+/blob-report/

e2e/react-start/basic-prerender/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-react-start-e2e-basic-prerender",
+  "private": true,
+  "sideEffects": false,
+  "type": "module",
+  "scripts": {
+    "test:e2e:startDummyServer": "node -e 'import(\"../basic-test-suite/src/setup/global.setup.ts\").then(m => m.default())' & node -e 'import(\"../basic-test-suite/src/setup/waitForDummyServer.ts\").then(m => m.default())'",
+    "test:e2e:stopDummyServer": "node -e 'import(\"../basic-test-suite/src/setup/global.teardown.ts\").then(m => m.default())'",
+    "test:e2e": "rm -rf port*.txt; MODE=prerender playwright test --project=chromium"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.50.1",
+    "@tanstack/router-e2e-utils": "workspace:^",
+    "tanstack-react-start-e2e-basic": "workspace:*",
+    "tanstack-react-start-e2e-basic-test-suite": "workspace:*"
+  },
+  "nx": {
+    "targets": {
+      "test:e2e": {
+        "parallelism": false
+      }
+    }
+  }
+}

e2e/react-start/basic-prerender/playwright.config.ts

@@ -0,0 +1,48 @@
+import { defineConfig, devices } from '@playwright/test'
+import {
+  getDummyServerPort,
+  getTestServerPort,
+} from '@tanstack/router-e2e-utils'
+import packageJson from './package.json' with { type: 'json' }
+
+const PORT = await getTestServerPort(packageJson.name)
+const START_PORT = await getTestServerPort(`${packageJson.name}_start`)
+const EXTERNAL_PORT = await getDummyServerPort(packageJson.name)
+const baseURL = `http://localhost:${PORT}`
+
+export default defineConfig({
+  testDir: '../basic-test-suite/src',
+  workers: 1,
+  reporter: [['line']],
+
+  globalTeardown: '../basic-test-suite/src/setup/global.teardown.ts',
+
+  use: {
+    baseURL,
+  },
+
+  webServer: {
+    command:
+      'pnpm run test:e2e:startDummyServer && pnpm --dir ../basic build:prerender && pnpm --dir ../basic start',
+    url: baseURL,
+    reuseExistingServer: !process.env.CI,
+    stdout: 'pipe',
+    env: {
+      MODE: 'prerender',
+      VITE_NODE_ENV: 'test',
+      VITE_EXTERNAL_PORT: String(EXTERNAL_PORT),
+      VITE_SERVER_PORT: String(PORT),
+      START_PORT: String(START_PORT),
+      PORT: String(PORT),
+    },
+  },
+
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+      },
+    },
+  ],
+})

e2e/react-start/basic-preview/.gitignore

@@ -0,0 +1,5 @@
+node_modules
+
+/test-results/
+/playwright-report/
+/blob-report/

e2e/react-start/basic-preview/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-react-start-e2e-basic-preview",
+  "private": true,
+  "sideEffects": false,
+  "type": "module",
+  "scripts": {
+    "test:e2e:startDummyServer": "node -e 'import(\"../basic-test-suite/src/setup/global.setup.ts\").then(m => m.default())' & node -e 'import(\"../basic-test-suite/src/setup/waitForDummyServer.ts\").then(m => m.default())'",
+    "test:e2e:stopDummyServer": "node -e 'import(\"../basic-test-suite/src/setup/global.teardown.ts\").then(m => m.default())'",
+    "test:e2e": "rm -rf port*.txt; MODE=preview playwright test --project=chromium"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.50.1",
+    "@tanstack/router-e2e-utils": "workspace:^",
+    "tanstack-react-start-e2e-basic": "workspace:*",
+    "tanstack-react-start-e2e-basic-test-suite": "workspace:*"
+  },
+  "nx": {
+    "targets": {
+      "test:e2e": {
+        "parallelism": false
+      }
+    }
+  }
+}

e2e/react-start/basic-preview/playwright.config.ts

@@ -0,0 +1,47 @@
+import { defineConfig, devices } from '@playwright/test'
+import {
+  getDummyServerPort,
+  getTestServerPort,
+} from '@tanstack/router-e2e-utils'
+import packageJson from './package.json' with { type: 'json' }
+
+const PORT = await getTestServerPort(packageJson.name)
+const START_PORT = await getTestServerPort(`${packageJson.name}_start`)
+const EXTERNAL_PORT = await getDummyServerPort(packageJson.name)
+const baseURL = `http://localhost:${PORT}`
+
+export default defineConfig({
+  testDir: '../basic-test-suite/src',
+  workers: 1,
+  reporter: [['line']],
+
+  globalTeardown: '../basic-test-suite/src/setup/global.teardown.ts',
+
+  use: {
+    baseURL,
+  },
+
+  webServer: {
+    command: `pnpm run test:e2e:startDummyServer && pnpm --dir ../basic build && pnpm --dir ../basic preview --port ${PORT}`,
+    url: baseURL,
+    reuseExistingServer: !process.env.CI,
+    stdout: 'pipe',
+    env: {
+      MODE: 'preview',
+      VITE_NODE_ENV: 'test',
+      VITE_EXTERNAL_PORT: String(EXTERNAL_PORT),
+      VITE_SERVER_PORT: String(PORT),
+      START_PORT: String(START_PORT),
+      PORT: String(PORT),
+    },
+  },
+
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+      },
+    },
+  ],
+})

e2e/react-start/basic-spa/.gitignore

@@ -0,0 +1,5 @@
+node_modules
+
+/test-results/
+/playwright-report/
+/blob-report/

e2e/react-start/basic-spa/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-react-start-e2e-basic-spa",
+  "private": true,
+  "sideEffects": false,
+  "type": "module",
+  "scripts": {
+    "test:e2e:startDummyServer": "node -e 'import(\"../basic-test-suite/src/setup/global.setup.ts\").then(m => m.default())' & node -e 'import(\"../basic-test-suite/src/setup/waitForDummyServer.ts\").then(m => m.default())'",
+    "test:e2e:stopDummyServer": "node -e 'import(\"../basic-test-suite/src/setup/global.teardown.ts\").then(m => m.default())'",
+    "test:e2e": "rm -rf port*.txt; MODE=spa playwright test --project=chromium"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.50.1",
+    "@tanstack/router-e2e-utils": "workspace:^",
+    "tanstack-react-start-e2e-basic": "workspace:*",
+    "tanstack-react-start-e2e-basic-test-suite": "workspace:*"
+  },
+  "nx": {
+    "targets": {
+      "test:e2e": {
+        "parallelism": false
+      }
+    }
+  }
+}

e2e/react-start/basic-spa/playwright.config.ts

@@ -0,0 +1,48 @@
+import { defineConfig, devices } from '@playwright/test'
+import {
+  getDummyServerPort,
+  getTestServerPort,
+} from '@tanstack/router-e2e-utils'
+import packageJson from './package.json' with { type: 'json' }
+
+const PORT = await getTestServerPort(packageJson.name)
+const START_PORT = await getTestServerPort(`${packageJson.name}_start`)
+const EXTERNAL_PORT = await getDummyServerPort(packageJson.name)
+const baseURL = `http://localhost:${PORT}`
+
+export default defineConfig({
+  testDir: '../basic-test-suite/src',
+  workers: 1,
+  reporter: [['line']],
+
+  globalTeardown: '../basic-test-suite/src/setup/global.teardown.ts',
+
+  use: {
+    baseURL,
+  },
+
+  webServer: {
+    command:
+      'pnpm run test:e2e:startDummyServer && pnpm --dir ../basic build:spa && pnpm --dir ../basic start',
+    url: baseURL,
+    reuseExistingServer: !process.env.CI,
+    stdout: 'pipe',
+    env: {
+      MODE: 'spa',
+      VITE_NODE_ENV: 'test',
+      VITE_EXTERNAL_PORT: String(EXTERNAL_PORT),
+      VITE_SERVER_PORT: String(PORT),
+      START_PORT: String(START_PORT),
+      PORT: String(PORT),
+    },
+  },
+
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+      },
+    },
+  ],
+})

e2e/react-start/basic-test-suite/.gitignore

@@ -0,0 +1,5 @@
+node_modules
+
+/test-results/
+/playwright-report/
+/blob-report/

e2e/react-start/basic-test-suite/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "tanstack-react-start-e2e-basic-test-suite",
+  "private": true,
+  "sideEffects": false,
+  "type": "module",
+  "devDependencies": {
+    "@playwright/test": "^1.50.1",
+    "@tanstack/router-e2e-utils": "workspace:*",
+    "@types/node": "^22.10.2",
+    "combinate": "^1.1.11"
+  }
+}

e2e/react-start/basic/tests/not-found.spec.ts → e2e/react-start/basic-test-suite/src/not-found.spec.ts

@@ -1,7 +1,7 @@
 import { expect } from '@playwright/test'
 import combinateImport from 'combinate'
 import { test } from '@tanstack/router-e2e-utils'
-import { isSpaMode } from '../tests/utils/isSpaMode'
+import { isSpaMode } from './utils/isSpaMode'
 
 // somehow playwright does not correctly import default exports
 const combinate = (combinateImport as any).default as typeof combinateImport

e2e/vue-start/basic/tests/prerendering.spec.ts → e2e/react-start/basic-test-suite/src/prerendering.spec.ts

@@ -3,13 +3,14 @@ import { join } from 'node:path'
 import { expect } from '@playwright/test'
 import { test } from '@tanstack/router-e2e-utils'
 import { isPrerender } from './utils/isPrerender'
+import { getBasicAppRoot } from './utils/getBasicAppRoot'
 
 test.describe('Prerender Static Path Discovery', () => {
   test.skip(!isPrerender, 'Skipping since not in prerender mode')
   test.describe('Build Output Verification', () => {
     test('should automatically discover and prerender static routes', () => {
       // Check that static routes were automatically discovered and prerendered
-      const distDir = join(process.cwd(), 'dist', 'client')
+      const distDir = join(getBasicAppRoot(), 'dist', 'client')
 
       // These static routes should be automatically discovered and prerendered
       expect(existsSync(join(distDir, 'index.html'))).toBe(true)
@@ -34,7 +35,7 @@ test.describe('Prerender Static Path Discovery', () => {
 
   test.describe('Static Files Verification', () => {
     test('should contain prerendered content in posts.html', () => {
-      const distDir = join(process.cwd(), 'dist', 'client')
+      const distDir = join(getBasicAppRoot(), 'dist', 'client')
       expect(existsSync(join(distDir, 'posts/index.html'))).toBe(true)
 
       // "Select a post." should be in the prerendered HTML

e2e/react-start/basic/tests/redirect.spec.ts → e2e/react-start/basic-test-suite/src/redirect.spec.ts

@@ -6,18 +6,15 @@ import {
   getTestServerPort,
   test,
 } from '@tanstack/router-e2e-utils'
-import { isSpaMode } from '../tests/utils/isSpaMode'
-import { isPreview } from '../tests/utils/isPreview'
-import packageJson from '../package.json' with { type: 'json' }
+import { getPackageName } from './utils/getPackageName.ts'
 
 // somehow playwright does not correctly import default exports
 const combinate = (combinateImport as any).default as typeof combinateImport
+const packageName = getPackageName()
 
-const PORT = await getTestServerPort(
-  `${packageJson.name}${isSpaMode ? '_spa' : ''}${isPreview ? '_preview' : ''}`,
-)
+const PORT = await getTestServerPort(packageName)
 
-const EXTERNAL_HOST_PORT = await getDummyServerPort(packageJson.name)
+const EXTERNAL_HOST_PORT = await getDummyServerPort(packageName)
 
 test.describe('redirects', () => {
   test.describe('internal', () => {

e2e/react-start/basic-test-suite/src/setup/global.setup.ts

@@ -0,0 +1,6 @@
+import { e2eStartDummyServer } from '@tanstack/router-e2e-utils'
+import { getPackageName } from '../utils/getPackageName.ts'
+
+export default async function setup() {
+  await e2eStartDummyServer(getPackageName())
+}

e2e/react-start/basic-test-suite/src/setup/global.teardown.ts

@@ -0,0 +1,8 @@
+import { e2eStopDummyServer } from '@tanstack/router-e2e-utils'
+import { getPackageName } from '../utils/getPackageName.ts'
+
+export default async function teardown() {
+  try {
+    await e2eStopDummyServer(getPackageName())
+  } catch {}
+}

e2e/react-start/basic-test-suite/src/setup/waitForDummyServer.ts

@@ -0,0 +1,24 @@
+import { getDummyServerPort } from '@tanstack/router-e2e-utils'
+import { getPackageName } from '../utils/getPackageName.ts'
+
+const timeoutMs = 10_000
+const retryIntervalMs = 100
+
+export default async function waitForDummyServer() {
+  const port = await getDummyServerPort(getPackageName())
+  const deadline = Date.now() + timeoutMs
+
+  while (Date.now() < deadline) {
+    try {
+      const response = await fetch(`http://localhost:${port}/`)
+
+      if (response.ok) {
+        return
+      }
+    } catch {}
+
+    await new Promise((resolve) => setTimeout(resolve, retryIntervalMs))
+  }
+
+  throw new Error(`Timed out waiting for dummy server on port ${port}`)
+}

e2e/react-start/basic-test-suite/src/utils/getBasicAppRoot.ts

@@ -0,0 +1,8 @@
+import { join } from 'node:path'
+import { getPackageName } from './getPackageName.ts'
+
+export function getBasicAppRoot() {
+  return getPackageName() === 'tanstack-react-start-e2e-basic'
+    ? process.cwd()
+    : join(process.cwd(), '../basic')
+}

e2e/react-start/basic-test-suite/src/utils/getPackageName.ts

@@ -0,0 +1,16 @@
+import { readFileSync } from 'node:fs'
+import { join } from 'node:path'
+
+let packageName: string | undefined
+
+export function getPackageName() {
+  if (!packageName) {
+    const packageJson = JSON.parse(
+      readFileSync(join(process.cwd(), 'package.json'), 'utf-8'),
+    ) as { name: string }
+
+    packageName = packageJson.name
+  }
+
+  return packageName
+}

e2e/react-start/basic-test-suite/src/utils/isPrerender.ts

@@ -0,0 +1 @@
+export const isPrerender: boolean = process.env.MODE === 'prerender'

e2e/react-start/basic-test-suite/src/utils/isPreview.ts

@@ -0,0 +1 @@
+export const isPreview: boolean = process.env.MODE === 'preview'

e2e/react-start/basic-test-suite/src/utils/isSpaMode.ts

@@ -0,0 +1 @@
+export const isSpaMode: boolean = process.env.MODE === 'spa'