test: e2e

Author: hi-ogawa

packages/plugin-rsc/examples/basic/src/routes/browser-only/client.tsx

@@ -8,7 +8,7 @@ const BrowserDep = (
 
 export function TestBrowserOnly() {
   return (
-    <div>
+    <div data-testid="test-browser-only">
       test-browser-only:{' '}
       <BrowserOnly fallback={<>loading...</>}>
         <BrowserDep />

packages/plugin-rsc/examples/basic/vite.config.ts

@@ -4,6 +4,7 @@ import tailwindcss from '@tailwindcss/vite'
 import react from '@vitejs/plugin-react'
 import { type Plugin, defineConfig, parseAstAsync } from 'vite'
 import inspect from 'vite-plugin-inspect'
+import path from 'node:path'
 
 // log unhandled rejection to debug e2e failures
 if (!(globalThis as any).__debugHandlerRegisterd) {
@@ -97,6 +98,23 @@ export default defineConfig({
         }
       },
     },
+    {
+      name: 'test-browser-only',
+      writeBundle(_options, bundle) {
+        const moduleIds = Object.values(bundle).flatMap((c) =>
+          c.type === 'chunk' ? [...c.moduleIds] : [],
+        )
+        const browserId = path.resolve(
+          'src/routes/browser-only/browser-dep.tsx',
+        )
+        if (this.environment.name === 'client') {
+          assert(moduleIds.includes(browserId))
+        }
+        if (this.environment.name === 'ssr') {
+          assert(!moduleIds.includes(browserId))
+        }
+      },
+    },
     {
       name: 'cf-build',
       enforce: 'post',