React 中使用 Jest

在 React 中使用 Jest 进行单元测试，你需要先安装相关依赖，然后编写测试用例。以下是一个简单的示例：

1. 安装依赖：

npm install --save-dev jest babel-jest @babel/preset-env @babel/preset-react react-test-renderer

2. 在项目根目录下创建一个名为 .babelrc 的文件，添加以下内容：

{
  "presets": ["@babel/preset-env", "@babel/preset-react"]
}

3. 在 package.json 文件中添加测试脚本：

{
  "scripts": {
    "test": "jest"
  }
}

4. 编写一个简单的 React 组件 MyComponent.js：

import React from 'react';

const MyComponent = ({ text }) => {
  return <div>{text}</div>;
};

export default MyComponent;

5. 为 MyComponent 编写测试用例 MyComponent.test.js：

import React from 'react';
import renderer from 'react-test-renderer';
import MyComponent from './MyComponent';

test('MyComponent 渲染正确', () => {
  const component = renderer.create(<MyComponent text="Hello, Jest!" />);
  const tree = component.toJSON();
  expect(tree).toMatchSnapshot();
});

6. 运行测试：

npm test

这样，你就可以使用 Jest 对 React 组件进行单元测试了。