在react功能组件上测试酶中未通过的点击事件

import React from 'react';
import { shallow } from 'enzyme';

// 待测试的组件
const MyComponent = () => {
  const [count, setCount] = React.useState(0);

  const handleClick = () => {
    setCount(count + 1);
  };

  return (
    <div>
      <button onClick={handleClick}>Click Me</button>
      <p>Count: {count}</p>
    </div>
  );
};

describe('MyComponent', () => {
  it('should increment count on button click', () => {
    const wrapper = shallow(<MyComponent />);
    const button = wrapper.find('button');

    // 模拟点击事件
    button.simulate('click');

    // 断言组件状态已经正确更新
    expect(wrapper.find('p').text()).toEqual('Count: 1');
  });
});