test: move react-compiler tests

Author: hi-ogawa

packages/plugin-rsc/e2e/fixture.ts

@@ -193,7 +193,36 @@ function editFileJson(filepath: string, edit: (s: string) => string) {
   )
 }
 
+// inspired by
+//   https://github.com/remix-run/react-router/blob/433872f6ab098eaf946cc6c9cf80abf137420ad2/integration/helpers/vite.ts#L239
+// for syntax highlighting of /* js */, use this extension
+//   https://github.com/mjbvz/vscode-comment-tagged-templates
 export async function setupInlineFixture(options: {
   src: string
   dest: string
-}) {}
+  files?: Record<string, string>
+}) {
+  fs.rmSync(options.dest, { recursive: true, force: true })
+  fs.mkdirSync(options.dest, { recursive: true })
+
+  // copy src
+  fs.cpSync(options.src, options.dest, {
+    recursive: true,
+    filter: (src) => !src.includes('node_modules') && !src.includes('dist'),
+  })
+
+  // write additional files
+  if (options.files) {
+    for (const [filename, contents] of Object.entries(options.files)) {
+      let filepath = path.join(options.dest, filename)
+      fs.mkdirSync(path.dirname(filepath), { recursive: true })
+      // strip indent
+      const indent = contents.match(/^\s*/)?.[0] ?? ''
+      const strippedContents = contents
+        .split('\n')
+        .map((line) => line.replace(new RegExp(`^${indent}`), ''))
+        .join('\n')
+      fs.writeFileSync(filepath, strippedContents)
+    }
+  }
+}

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

@@ -43,18 +43,50 @@ test.describe('build-no-ssr', () => {
 })
 
 test.describe(() => {
-  const root = 'temp/starter-react-compiler'
+  const root = 'examples/e2e/temp/starter-react-compiler'
 
   test.beforeAll(async () => {
     await setupInlineFixture({
       src: 'examples/starter',
       dest: root,
+      files: {
+        'vite.config.ts': /* js */ `
+          import rsc from '@vitejs/plugin-rsc'
+          import react from '@vitejs/plugin-react'
+          import { defineConfig } from 'vite'
+
+          export default defineConfig({
+            plugins: [
+              react({
+                babel: { plugins: ['babel-plugin-react-compiler'] },
+              }).map((p) => ({
+                ...p,
+                applyToEnvironment: (e) => e.name === 'client',
+              })),
+              rsc({
+                entries: {
+                  client: './src/framework/entry.browser.tsx',
+                  ssr: './src/framework/entry.ssr.tsx',
+                  rsc: './src/framework/entry.rsc.tsx',
+                }
+              }),
+            ],
+          })
+        `,
+      },
     })
   })
 
   test.describe('dev-react-compiler', () => {
     const f = useFixture({ root, mode: 'dev' })
     defineTest(f)
+
+    test('verify react compiler', async ({ page }) => {
+      await page.goto(f.url())
+      await waitForHydration_(page)
+      const res = await page.request.get(f.url('src/client.tsx'))
+      expect(await res.text()).toContain('react.memo_cache_sentinel')
+    })
   })
 
   test.describe('build-react-compiler', () => {

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

@@ -0,0 +1,10 @@
+{
+  "name": "@vitejs/plugin-rsc-examples-e2e-temp",
+  "private": true,
+  "type": "module",
+  "devDependencies": {
+    "@vitejs/plugin-rsc": "latest",
+    "@vitejs/plugin-react": "latest",
+    "babel-plugin-react-compiler": "19.1.0-rc.2"
+  }
+}