test: simplify ts-lib test

Author: hi-ogawa

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

@@ -1,24 +1,22 @@
-import { expect, test } from '@playwright/test'
+import { expect, test, type Page } 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,8 +8,7 @@
     "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"

packages/plugin-react-swc/playground/ts-lib/src/pages/_app.tsx renamed to packages/plugin-react-swc/playground/ts-lib/src/app.tsx

@@ -1,15 +1,15 @@
-import { Link, Outlet } from 'react-router-dom'
+import TestNonJs from '@vitejs/test-dep-non-js'
 
 export default function App() {
   return (
     <section style={{ margin: 24 }}>
       <header style={{ display: 'flex', gap: 24 }}>
-        <Link to="/">Home</Link>
-        <Link to="/about">About</Link>
+        {/* <Link to="/">Home</Link>
+        <Link to="/about">About</Link> */}
       </header>
 
       <main>
-        <Outlet />
+        <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/src/pages/404.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/src/pages/about.tsx

@@ -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/src/pages/index.tsx

@@ -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()],
 })