如何使用react测试库对父组件中的子组件的渲染进行单元测试？

// 安装所需依赖
// npm install @testing-library/react @testing-library/jest-dom --save-dev

// ParentComponent.js
import React from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  return (
    <div>
      <h1>Parent Component</h1>
      <ChildComponent />
    </div>
  );
};

export default ParentComponent;

// ChildComponent.js
import React from 'react';

const ChildComponent = () => {
  return <p>Child Component</p>;
};

export default ChildComponent;

// ParentComponent.test.js
import React from 'react';
import { render } from '@testing-library/react';
import ParentComponent from './ParentComponent';

test('renders child component', () => {
  // 渲染父组件
  const { getByText } = render(<ParentComponent />);
  
  // 查询子组件的元素
  const childElement = getByText('Child Component');
  
  // 断言子组件的渲染
  expect(childElement).toBeInTheDocument();
});