test: wip

Author: hi-ogawa

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

@@ -435,9 +435,21 @@ function defineTest(f: Fixture) {
     test('hmr switch server to client', async ({ page }) => {
       await page.goto(f.url())
       await waitForHydration(page)
+      await using _ = await expectNoReload(page)
 
-      const editor = f.createEditor('src/routes/hmr-switch/client.tsx')
+      await expect(page.getByTestId('test-hmr-switch-server')).toContainText(
+        '(useState: false)',
+      )
+      const editor = f.createEditor('src/routes/hmr-switch/server.tsx')
       editor.edit((s) => `"use client";\n` + s)
+      await expect(page.getByTestId('test-hmr-switch-server')).toContainText(
+        '(useState: true)',
+      )
+      // TODO
+      // editor.reset();
+      // await expect(page.getByTestId('test-hmr-switch-server')).toContainText(
+      //   '(useState: false)',
+      // )
     })
 
     test('hmr switch client to server', async ({ page }) => {

packages/plugin-rsc/examples/basic/src/routes/hmr-switch/client.tsx

@@ -1,5 +1,5 @@
 'use client'
 
-export function TestHmrMixedClient() {
-  return <div>test-hmr-mixed-client</div>
+export function TestHmrSwitchClient() {
+  return <div>test-hmr-switch-client</div>
 }

packages/plugin-rsc/examples/basic/src/routes/hmr-switch/server.tsx

@@ -1,3 +1,9 @@
-export function TestHmrMixedServer() {
-  return <div>test-hmr-mixed-server</div>
+import React from 'react'
+
+export function TestHmrSwitchServer() {
+  return (
+    <div data-testid="test-hmr-switch-server">
+      test-hmr-foo-switch-server (useState: {String(!!React.useState)})
+    </div>
+  )
 }

packages/plugin-rsc/examples/basic/src/routes/root.tsx

@@ -38,8 +38,8 @@ import { TestHmrSharedAtomic } from './hmr-shared/atomic/server'
 import { TestCssQueries } from './css-queries/server'
 import { TestImportMetaGlob } from './import-meta-glob/server'
 import { TestAssetsServer } from './assets/server'
-import { TestHmrMixedServer } from './hmr-switch/server'
-import { TestHmrMixedClient } from './hmr-switch/client'
+import { TestHmrSwitchServer } from './hmr-switch/server'
+import { TestHmrSwitchClient } from './hmr-switch/client'
 
 export function Root(props: { url: URL }) {
   return (
@@ -67,8 +67,8 @@ export function Root(props: { url: URL }) {
         <TestHmrSharedServer />
         <TestHmrSharedClient />
         <TestHmrSharedAtomic />
-        <TestHmrMixedServer />
-        <TestHmrMixedClient />
+        <TestHmrSwitchServer />
+        <TestHmrSwitchClient />
         <TestTemporaryReference />
         <TestServerActionError />
         <TestReplayConsoleLogs url={props.url} />