React Testing Library 常见的单元测试错误

React Testing Library 是一个用于测试 React 组件的工具库，它提供了一组简洁且易于使用的 API，可以帮助开发人员编写可靠的单元测试。然而，在使用 React Testing Library 进行单元测试时，有一些常见的错误容易出现。本文将介绍这些常见错误，并提供相应的源代码示例。

1. 未正确渲染组件

有时候，在编写测试用例时，我们可能会犯一个错误，即未正确渲染组件。这通常是由于未调用适当的渲染函数或未等待组件渲染完成所导致的。

示例代码：

import { render, screen } from '@testing-library/react';
import MyComponent from './MyComponent';

test('MyComponent 正确渲染', () => {
  render(<MyComponent />);
  // 错误的断言方式，未等待组件渲染完成
  expect(screen.getByText('Hello, World!')).toBeInTheDocument();
});

解决方法：

使用 waitFor 函数来等待组件渲染完成：

import { render, screen, waitFor } from '@testing-library/react';
import MyComponent from './MyComponent';

te