如何在React中测试从子组件提升到父组件的状态？

import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const [parentState, setParentState] = useState('');

  const updateParentState = (newState) => {
    setParentState(newState);
  };

  return (
    <div>
      <ChildComponent updateParentState={updateParentState} />
      <p>Parent State: {parentState}</p>
    </div>
  );
};

export default ParentComponent;

import React from 'react';

const ChildComponent = ({ updateParentState }) => {
  const handleClick = () => {
    updateParentState('New State');
  };

  return (
    <button onClick={handleClick}>Update Parent State</button>
  );
};

export default ChildComponent;

import React from 'react';
import { mount } from 'enzyme';
import ParentComponent from './ParentComponent';

describe('ParentComponent', () => {
  it('should update parent state when child component button is clicked', () => {
    const wrapper = mount(<ParentComponent />);
    const childComponent = wrapper.find('ChildComponent');

    // 模拟子组件点击触发更新父组件状态的函数
    childComponent.prop('updateParentState')('New State');

    // 断言父组件状态是否正确更新
    expect(wrapper.find('p').text()).toBe('Parent State: New State');
  });
});