test: add e2e

Author: hi-ogawa

packages/plugin-rsc/e2e/basic.test.ts

@@ -247,7 +247,7 @@ function defineTest(f: Fixture) {
   test('import environment', async ({ page }) => {
     await page.goto(f.url())
     await expect(page.getByTestId('import-environment')).toHaveText(
-      '[test-import-environment: test-ssr]',
+      '[test-import-environment: test-ssr-module: test-rsc-module]',
     )
   })
 

packages/plugin-rsc/examples/basic/src/routes/import-environment/rsc.tsx

@@ -0,0 +1 @@
+export const testRscModule = async () => 'test-rsc-module'

packages/plugin-rsc/examples/basic/src/routes/import-environment/server.tsx

@@ -1,9 +1,8 @@
 export async function TestImportEnvironment() {
-  const ssr = await import.meta.viteRsc.import<typeof import('./ssr')>(
-    './ssr.tsx',
-    { environment: 'ssr' },
-  )
-  const html = ssr.testSsrModule()
+  const { testSsrModule } = await import.meta.viteRsc.import<
+    typeof import('./ssr')
+  >('./ssr.tsx', { environment: 'ssr' })
+  const html = await testSsrModule()
   return (
     <div data-testid="import-environment">
       [test-import-environment:{' '}

packages/plugin-rsc/examples/basic/src/routes/import-environment/ssr.tsx

@@ -4,10 +4,18 @@ import { renderToString } from 'react-dom/server'
 // SSR-only: useState and renderToString are not available in RSC environment
 
 function ClientComponent() {
-  const [state] = useState('test-ssr')
-  return <span>{state}</span>
+  const [state] = useState('test-ssr-module')
+  return <>{state}</>
 }
 
-export function testSsrModule(): string {
-  return renderToString(<ClientComponent />)
+export async function testSsrModule() {
+  const { testRscModule } = await import.meta.viteRsc.import<
+    typeof import('./rsc')
+  >('./rsc.tsx', { environment: 'rsc' })
+  const value = await testRscModule()
+  return renderToString(
+    <>
+      <ClientComponent />: {value}
+    </>,
+  )
 }