test: wip

Author: hi-ogawa

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

@@ -43,6 +43,32 @@ test.describe('build-base', () => {
   defineTest(f)
 })
 
+test.describe('dev-react-compiler', () => {
+  const f = useFixture({
+    root: 'examples/basic',
+    mode: 'dev',
+    cliOptions: {
+      env: {
+        TEST_REACT_COMPILER: 'true',
+      },
+    },
+  })
+  defineTest(f)
+})
+
+test.describe('build-react-compiler', () => {
+  const f = useFixture({
+    root: 'examples/basic',
+    mode: 'build',
+    cliOptions: {
+      env: {
+        TEST_REACT_COMPILER: 'true',
+      },
+    },
+  })
+  defineTest(f)
+})
+
 test.describe(() => {
   // disabled by default
   if (!process.env.TEST_ISOLATED) return

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

@@ -1,7 +1,6 @@
 import { expect, test } from '@playwright/test'
 import { type Fixture, useFixture } from './fixture'
 import { expectNoReload, testNoJs, waitForHydration } from './helper'
-import fs from 'node:fs'
 
 test.describe('dev-default', () => {
   const f = useFixture({ root: 'examples/starter', mode: 'dev' })
@@ -23,24 +22,6 @@ test.describe('build-cloudflare', () => {
   defineTest(f)
 })
 
-test.describe(() => {
-  const root = 'temp/starter-react-compiler'
-  test.beforeAll(async () => {
-    fs.rmSync(root, { recursive: true, force: true })
-    fs.cpSync('examples/starter', root, { recursive: true })
-  })
-
-  test.describe('dev-react-compiler', () => {
-    const f = useFixture({ root, mode: 'dev' })
-    defineTest(f)
-  })
-
-  test.describe('build-react-compiler', () => {
-    const f = useFixture({ root, mode: 'build' })
-    defineTest(f)
-  })
-})
-
 function defineTest(f: Fixture) {
   test('basic', async ({ page }) => {
     await page.goto(f.url())

packages/plugin-rsc/examples/basic/package.json

@@ -25,6 +25,7 @@
     "@vitejs/test-dep-client-in-server2": "file:./test-dep/client-in-server2",
     "@vitejs/test-dep-server-in-client": "file:./test-dep/server-in-client",
     "@vitejs/test-dep-server-in-server": "file:./test-dep/server-in-server",
+    "babel-plugin-react-compiler": "19.1.0-rc.2",
     "tailwindcss": "^4.1.4",
     "vite": "^7.0.2",
     "vite-plugin-inspect": "^11.2.0"

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

@@ -22,7 +22,9 @@ export default defineConfig({
   clearScreen: false,
   plugins: [
     tailwindcss(),
-    react(),
+    process.env.TEST_REACT_COMPILER
+      ? react({ babel: { plugins: ['babel-plugin-react-compiler'] } })
+      : react(),
     vitePluginUseCache(),
     rsc({
       entries: {