test(rsc): move starter extra CSS module fixture

Co-authored-by: Codex <noreply@openai.com>

Author: hi-ogawa

packages/plugin-rsc/e2e/css-code-split.test.ts

@@ -23,33 +23,6 @@ test.describe('cssCodeSplit-false', () => {
 
           export default mergeConfig(baseConfig, overrideConfig)
         `,
-        // test server css module too
-        // (starter example already tests normal server css)
-        'src/server-only.module.css': /* css */ `
-          .serverOnly {
-            color: rgb(123, 45, 67);
-          }
-        `,
-        'src/server-only.tsx': /* js */ `
-          import styles from './server-only.module.css'
-          export function ServerOnly() {
-            return (
-              <button data-testid="server-only" className={styles.serverOnly}>
-                server-only
-              </button>
-            )
-          }
-        `,
-        'src/root.tsx': {
-          edit: (s) =>
-            s
-              .replace(
-                `import { ClientCounter } from './client.tsx'`,
-                `import { ClientCounter } from './client.tsx';
-                 import { ServerOnly } from './server-only.tsx'`,
-              )
-              .replace(`<ClientCounter />`, `<ClientCounter /><ServerOnly />`),
-        },
       },
     })
   })
@@ -60,10 +33,9 @@ test.describe('cssCodeSplit-false', () => {
 
     test('server css module', async ({ page }) => {
       await page.goto(f.url())
-      await expect(page.getByTestId('server-only')).toHaveCSS(
-        'color',
-        'rgb(123, 45, 67)',
-      )
+      await expect(
+        page.getByTestId('starter-extra-server-css-module'),
+      ).toHaveCSS('color', 'rgb(123, 45, 67)')
     })
   })
 })

packages/plugin-rsc/examples/starter-extra/src/features/css/server-css-module.module.css

@@ -0,0 +1,3 @@
+.serverCssModule {
+  color: rgb(123, 45, 67);
+}

packages/plugin-rsc/examples/starter-extra/src/features/css/server-css-module.tsx

@@ -0,0 +1,12 @@
+import styles from './server-css-module.module.css'
+
+export function ServerCssModule() {
+  return (
+    <button
+      data-testid="starter-extra-server-css-module"
+      className={styles.serverCssModule}
+    >
+      server css module
+    </button>
+  )
+}

packages/plugin-rsc/examples/starter-extra/src/root.tsx

@@ -3,6 +3,7 @@ import viteLogo from '/vite.svg'
 import { getServerCounter, updateServerCounter } from './action.tsx'
 import reactLogo from './assets/react.svg'
 import { ClientCounter } from './client.tsx'
+import { ServerCssModule } from './features/css/server-css-module.tsx'
 
 export function Root(props: { url: URL }) {
   return (
@@ -44,6 +45,9 @@ function App(props: { url: URL }) {
         </form>
       </div>
       <div className="card">Request URL: {props.url?.href}</div>
+      <div className="card">
+        <ServerCssModule />
+      </div>
       <ul className="read-the-docs">
         <li>
           Edit <code>src/client.tsx</code> to test client HMR.