如何在React组件的dangerouslySetInnerHTML内容中使用酶测试单击事件

import React from 'react';

class MyComponent extends React.Component {
  handleClick = () => {
    // 处理单击事件的逻辑
  }

  render() {
    return (
      <div dangerouslySetInnerHTML={{ __html: '<button id="myButton">Click me</button>' }} />
    );
  }
}

export default MyComponent;

import React from 'react';
import { mount } from 'enzyme';
import { render, fireEvent } from '@testing-library/react';
import MyComponent from './MyComponent';

it('should handle click event', () => {
  const wrapper = mount(<MyComponent />);
  const button = wrapper.find('#myButton');
  // 执行单击事件
  button.simulate('click');
  // 断言期望的结果
  // ...
});

it('should handle click event', () => {
  const { getByRole } = render(<MyComponent />);
  const button = getByRole('button', { name: 'Click me' });
  // 执行单击事件
  fireEvent.click(button);
  // 断言期望的结果
  // ...
});