feat(create-rstack): add app template tests (#251)

Author: chenjiahan

packages/create-rstack/template-app-react-js/AGENTS.md

@@ -5,8 +5,11 @@
 - `{{ packageManager }} run dev` - Start the development server
 - `{{ packageManager }} run build` - Build the app for production
 - `{{ packageManager }} run preview` - Preview the production build locally
+- `{{ packageManager }} run test` - Run tests
+- `{{ packageManager }} run test:watch` - Run tests in watch mode
 
 ## Docs
 
 - Rsbuild: https://rsbuild.rs/llms.txt
 - Rspack: https://rspack.rs/llms.txt
+- Rstest: https://rstest.rs/llms.txt

packages/create-rstack/template-app-react-js/package.json

@@ -9,14 +9,19 @@
     "format": "rs fmt",
     "lint": "rs lint",
     "preview": "rs preview",
-    "test": "rs test"
+    "test": "rs test",
+    "test:watch": "rs test --watch"
   },
   "dependencies": {
     "react": "^19.2.8",
     "react-dom": "^19.2.8"
   },
   "devDependencies": {
     "@rsbuild/plugin-react": "^2.1.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^7.0.0",
+    "@testing-library/react": "^16.3.2",
+    "happy-dom": "^20.11.1",
     "rstack": "^0.3.5"
   }
 }

packages/create-rstack/template-app-react-js/rstack.config.js

@@ -11,7 +11,7 @@ define.app(async () => {
 });
 
 define.test({
-  // Configure Rstest
+  setupFiles: ['./tests/rstest.setup.js'],
 });
 
 define.lint(async () => {

packages/create-rstack/template-app-react-js/tests/index.test.jsx

@@ -0,0 +1,8 @@
+import { expect, test } from 'rstack/test';
+import { render, screen } from '@testing-library/react';
+import App from '../src/App';
+
+test('renders the main page', () => {
+  render(<App />);
+  expect(screen.getByText('Rstack with React')).toBeInTheDocument();
+});

packages/create-rstack/template-app-react-js/tests/rstest.setup.js

@@ -0,0 +1,4 @@
+import { expect } from 'rstack/test';
+import * as jestDomMatchers from '@testing-library/jest-dom/matchers';
+
+expect.extend(jestDomMatchers);

packages/create-rstack/template-app-react-ts/AGENTS.md

@@ -5,8 +5,11 @@
 - `{{ packageManager }} run dev` - Start the development server
 - `{{ packageManager }} run build` - Build the app for production
 - `{{ packageManager }} run preview` - Preview the production build locally
+- `{{ packageManager }} run test` - Run tests
+- `{{ packageManager }} run test:watch` - Run tests in watch mode
 
 ## Docs
 
 - Rsbuild: https://rsbuild.rs/llms.txt
 - Rspack: https://rspack.rs/llms.txt
+- Rstest: https://rstest.rs/llms.txt

packages/create-rstack/template-app-react-ts/package.json

@@ -9,17 +9,22 @@
     "format": "rs fmt",
     "lint": "rs lint",
     "preview": "rs preview",
-    "test": "rs test"
+    "test": "rs test",
+    "test:watch": "rs test --watch"
   },
   "dependencies": {
     "react": "^19.2.8",
     "react-dom": "^19.2.8"
   },
   "devDependencies": {
     "@rsbuild/plugin-react": "^2.1.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^7.0.0",
+    "@testing-library/react": "^16.3.2",
     "@types/node": "^24.13.3",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.4",
+    "happy-dom": "^20.11.1",
     "rstack": "^0.3.5",
     "typescript": "^7.0.2"
   }

packages/create-rstack/template-app-react-ts/rstack.config.ts

@@ -10,7 +10,7 @@ define.app(async () => {
 });
 
 define.test({
-  // Configure Rstest
+  setupFiles: ['./tests/rstest.setup.ts'],
 });
 
 define.lint(async () => {

packages/create-rstack/template-app-react-ts/tests/index.test.tsx

@@ -0,0 +1,8 @@
+import { expect, test } from 'rstack/test';
+import { render, screen } from '@testing-library/react';
+import App from '../src/App';
+
+test('renders the main page', () => {
+  render(<App />);
+  expect(screen.getByText('Rstack with React')).toBeInTheDocument();
+});

packages/create-rstack/template-app-react-ts/tests/rstest.setup.ts

@@ -0,0 +1,4 @@
+import { expect } from 'rstack/test';
+import * as jestDomMatchers from '@testing-library/jest-dom/matchers';
+
+expect.extend(jestDomMatchers);