test(react-swc): simplify ts-lib test

.github/renovate.json5

@@ -36,8 +36,6 @@
     // manually bumping
     "node",
 
-    "generouted", // testing lib shipping JSX (new version ship transpiled JS)
-
     // breaking changes
     "source-map", // `source-map:v0.7.0+` needs more investigation
     "kill-port", // `kill-port:^2.0.0 has perf issues (#8392)

package.json

@@ -70,15 +70,5 @@
     "playground/**/__tests__/**/*.ts": [
       "eslint --cache --fix"
     ]
-  },
-  "pnpm": {
-    "packageExtensions": {
-      "generouted": {
-        "peerDependencies": {
-          "react": "*",
-          "react-router-dom": "*"
-        }
-      }
-    }
   }
 }

packages/plugin-react-swc/playground/ts-lib/__tests__/ts-lib.spec.ts

@@ -1,24 +1,22 @@
-import { expect, test } from '@playwright/test'
+import { type Page, expect, test } from '@playwright/test'
 import { setupBuildAndPreview, setupDevServer } from '../../utils.ts'
 
 test('TS lib build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('ts-lib')
   await page.goto(testUrl)
-  await expect(page.locator('main')).toHaveText('Home page')
-
-  await page.locator('a', { hasText: 'About' }).click()
-  await expect(page.locator('main')).toHaveText('About page')
-
+  await testNonJs(page)
   await server.httpServer.close()
 })
 
 test('TS lib dev', async ({ page }) => {
   const { testUrl, server } = await setupDevServer('ts-lib')
   await page.goto(testUrl)
-  await expect(page.locator('main')).toHaveText('Home page')
-
-  await page.locator('a', { hasText: 'About' }).click()
-  await expect(page.locator('main')).toHaveText('About page')
-
+  await testNonJs(page)
   await server.close()
 })
+
+async function testNonJs(page: Page) {
+  await expect(page.getByTestId('test-non-js')).toHaveText('test-non-js: 0')
+  await page.getByTestId('test-non-js').click()
+  await expect(page.getByTestId('test-non-js')).toHaveText('test-non-js: 1')
+}

packages/plugin-react-swc/playground/ts-lib/package.json

@@ -8,11 +8,9 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@generouted/react-router": "^1.20.0",
-    "generouted": "1.11.7",
+    "@vitejs/test-dep-non-js": "file:./test-dep/non-js",
     "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-router-dom": "^7.6.3"
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
     "@types/react": "^19.1.8",

packages/plugin-react-swc/playground/ts-lib/src/app.tsx

@@ -0,0 +1,11 @@
+import TestNonJs from '@vitejs/test-dep-non-js'
+
+export default function App() {
+  return (
+    <section style={{ margin: 24 }}>
+      <main>
+        <TestNonJs />
+      </main>
+    </section>
+  )
+}

packages/plugin-react-swc/playground/ts-lib/src/index.tsx

@@ -1,9 +1,9 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import { Routes } from 'generouted/react-router'
+import App from './app'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <Routes />
+    <App />
   </StrictMode>,
 )

packages/plugin-react-swc/playground/ts-lib/test-dep/non-js/index.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+
+export default function TestNonJs() {
+  const [count, setCount] = React.useState(0)
+  return (
+    <button data-testid="test-non-js" onClick={() => setCount(count + 1)}>
+      test-non-js: {count}
+    </button>
+  )
+}

packages/plugin-react-swc/playground/ts-lib/test-dep/non-js/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@vitejs/test-dep-non-js",
+  "private": true,
+  "type": "module",
+  "exports": "./index.tsx",
+  "peerDependencies": {
+    "react": "*"
+  }
+}

packages/plugin-react-swc/playground/ts-lib/vite.config.ts

@@ -2,6 +2,5 @@ import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
 
 export default defineConfig({
-  optimizeDeps: { include: ['react-router-dom'] },
   plugins: [react()],
 })