Jest酶如何更新子道具

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

const Component = ({ subprop }) => {
  return <div>{subprop}</div>;
};

export default Component;

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

describe('Component', () => {
  test('should update subprop', () => {
    // 创建一个父组件实例，并传入初始的子道具
    render(<Component subprop="Initial Value" />);

    // 获取子组件并验证初始值
    const subpropElement = screen.getByText('Initial Value');
    expect(subpropElement).toBeInTheDocument();

    // 更新父组件的子道具
    render(<Component subprop="Updated Value" />);

    // 获取子组件并验证更新后的值
    const updatedSubpropElement = screen.getByText('Updated Value');
    expect(updatedSubpropElement).toBeInTheDocument();
  });
});