用Jest/Enzyme覆盖自定义钩子中的回调参数

// useForm.js
import { useState } from 'react';

const useForm = (callback) => {
  const [values, setValues] = useState({});

  const handleSubmit = (event) => {
    event.preventDefault();
    callback(values);
  };

  return {
    values,
    setValues,
    handleSubmit,
  };
};

export default useForm;

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

describe('useForm', () => {
  it('should call the callback with the form values on submit', () => {
    const mockCallback = jest.fn();
    const wrapper = shallow(<YourComponent callback={mockCallback} />);

    // 模拟表单提交
    wrapper.find('form').simulate('submit', { preventDefault: () => {} });

    // 断言回调函数被调用，并且传入了正确的参数
    expect(mockCallback).toHaveBeenCalledWith(wrapper.find('YourComponent').prop('values'));
  });
});