使用jest和酶来测试点击

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

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { clicked: false };
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick() {
    this.setState({ clicked: true });
  }

  render() {
    return (
      <button onClick={this.handleClick}>
        {this.state.clicked ? 'Clicked' : 'Click me'}
      </button>
    );
  }
}

export default MyComponent;

// MyComponent.test.js
import React from 'react';
import { shallow } from 'enzyme';
import MyComponent from './MyComponent';

describe('MyComponent', () => {
  it('should change the text when clicked', () => {
    const wrapper = shallow(<MyComponent />);
    expect(wrapper.text()).toContain('Click me');

    wrapper.find('button').simulate('click');
    expect(wrapper.text()).toContain('Clicked');
  });
});

wrapper.find('button').simulate('click');
expect(wrapper.state('clicked')).toBe(true);

// jest.config.js
module.exports = {
  collectCoverage: true,
  coverageReporters: ['json', 'html'],
};