如何使用Jest和酶测试ui-material TextField的onChange

npm install @material-ui/core enzyme enzyme-adapter-react-16 enzyme-to-json jest

import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

configure({ adapter: new Adapter() });

import React from 'react';
import { shallow } from 'enzyme';
import TextField from '@material-ui/core/TextField'; // 或 '@mui/material/TextField' 如果你使用的是MUI v5

describe('TextField onChange event', () => {
  it('should call the onChange handler when text is changed', () => {
    const handleChange = jest.fn();
    const wrapper = shallow(<TextField onChange={handleChange} />);
    const input = wrapper.find('input');

    input.simulate('change', { target: { value: 'New Value' } });

    expect(handleChange).toHaveBeenCalledTimes(1);
    expect(handleChange).toHaveBeenCalledWith(expect.any(Object), expect.any(String));
  });
});

npm test TextField.test.js