feat: support test projects (#420)

Co-authored-by: Wei <[email protected]>

Author: 9aoy

.github/workflows/test.yml

@@ -112,4 +112,4 @@ jobs:
 
       - name: E2E Test
         if: steps.changes.outputs.changed == 'true'
-        run: pnpm run e2e && pnpm run test:example
+        run: pnpm run e2e

e2e/build/index.test.ts

@@ -20,7 +20,7 @@ describe('test build config', () => {
         command: 'rstest',
         args: [
           'run',
-          `fixtures/${name}/index.test.ts`,
+          `fixtures/${name}`,
           '-c',
           `fixtures/${name}/rstest.config.ts`,
         ],

e2e/dom/fixtures/package.json

@@ -4,7 +4,8 @@
   "scripts": {
     "dev": "rsbuild dev --open",
     "build": "rsbuild build",
-    "preview": "rsbuild preview"
+    "preview": "rsbuild preview",
+    "test": "rstest run"
   },
   "dependencies": {
     "react": "^19.1.1",

e2e/dom/fixtures/rstest.config.ts

@@ -4,4 +4,5 @@ import rsbuildConfig from './rsbuild.config';
 export default defineConfig({
   ...(rsbuildConfig as RstestConfig),
   setupFiles: ['./test/setup.ts'],
+  testEnvironment: 'jsdom',
 });

e2e/dom/fixtures/rstest.externals.config.ts

@@ -4,6 +4,7 @@ import rsbuildConfig from './rsbuild.config';
 export default defineConfig({
   ...(rsbuildConfig as RstestConfig),
   setupFiles: ['./test/setup.ts'],
+  testEnvironment: 'jsdom',
   output: {
     externals: [/react/],
   },

e2e/projects/fixtures/packages/client/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@rstest/tests-project-client",
+  "private": true,
+  "scripts": {
+    "dev": "rsbuild dev --open",
+    "build": "rsbuild build",
+    "test": "rstest run",
+    "preview": "rsbuild preview"
+  },
+  "dependencies": {
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "1.5.0-rc.0",
+    "@rsbuild/plugin-react": "^1.3.5",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
+    "jsdom": "^26.1.0",
+    "typescript": "^5.9.2"
+  }
+}

e2e/projects/fixtures/packages/client/rsbuild.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+
+export default defineConfig({
+  plugins: [pluginReact()],
+});

e2e/projects/fixtures/packages/client/rstest.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig, type RstestConfig } from '@rstest/core';
+import rsbuildConfig from './rsbuild.config';
+
+export default defineConfig({
+  ...(rsbuildConfig as RstestConfig),
+  testEnvironment: 'jsdom',
+  setupFiles: ['./test/setup.ts'],
+});

e2e/projects/fixtures/packages/client/src/App.tsx

@@ -0,0 +1,10 @@
+const App = () => {
+  return (
+    <div className="content">
+      <h1>Rsbuild with React</h1>
+      <p>Start building amazing things with Rsbuild.</p>
+    </div>
+  );
+};
+
+export default App;

e2e/projects/fixtures/packages/client/src/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="@rsbuild/core/types" />