chore: update react example with @testing-library/jest-dom (#510)

Author: 9aoy

examples/react/package.json

@@ -16,6 +16,7 @@
     "@rsbuild/core": "1.5.0-rc.0",
     "@rsbuild/plugin-react": "^1.3.5",
     "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",

examples/react/rstest.config.ts

@@ -1,7 +1,8 @@
+import { pluginReact } from '@rsbuild/plugin-react';
 import { defineConfig } from '@rstest/core';
-import rsbuildConfig from './rsbuild.config';
 
 export default defineConfig({
-  ...rsbuildConfig,
+  plugins: [pluginReact()],
   testEnvironment: 'jsdom',
+  setupFiles: ['./rstest.setup.ts'],
 });

examples/react/rstest.setup.ts

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

examples/react/test/App.test.tsx

@@ -8,4 +8,5 @@ test('should render App correctly', async () => {
   const element = screen.getByText('Rsbuild with React');
 
   expect(element.tagName).toBe('H1');
+  expect(element).toBeInTheDocument();
 });

examples/react/test/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "types": ["@testing-library/jest-dom"]
+  },
+  "include": ["./"]
+}