如何正确测试React Dropzone onDrop方法

import React from 'react';
import { render, fireEvent } from '@testing-library/react';
import Dropzone from 'react-dropzone';

describe('Dropzone component', () => {
  test('should trigger onDrop method correctly', () => {
    // 创建一个mock回调函数
    const onDropMock = jest.fn();

    // 渲染包含React Dropzone的测试组件
    const { getByTestId } = render(
      <Dropzone onDrop={onDropMock}>
        {({ getRootProps, getInputProps }) => (
          <div data-testid="dropzone" {...getRootProps()}>
            <input {...getInputProps()} />
            <p>Drop files here</p>
          </div>
        )}
      </Dropzone>
    );

    // 模拟拖放文件事件
    const dropzone = getByTestId('dropzone');
    fireEvent.drop(dropzone, {
      dataTransfer: {
        files: [new File(['file contents'], 'test.png', { type: 'image/png' })],
      },
    });

    // 断言onDrop方法是否正确触发
    expect(onDropMock).toHaveBeenCalledTimes(1);
    // 可以继续进行其他断言，验证回调函数是否传递了正确的参数等
  });
});