我正在尝试使用jest测试useSelector和UseDispatch挂钩，我如何做到这一点

npm install --save-dev jest react-redux

import { renderHook } from '@testing-library/react-hooks';
import { useSelector, useDispatch } from 'react-redux';
import { yourActionCreator } from './yourActionCreator'; // 导入你的action creator函数

test('should dispatch action and update state', () => {
  const mockDispatch = jest.fn();
  const mockSelector = jest.fn();

  // 模拟useSelector返回的状态
  mockSelector.mockReturnValue('mocked state');

  // 渲染自定义Hook
  const { result } = renderHook(() => {
    const dispatch = useDispatch();
    const selectedState = useSelector(mockSelector);

    // 在测试中调用dispatch函数
    const handleClick = () => {
      dispatch(yourActionCreator());
    };

    return { selectedState, handleClick };
  });

  // 调用自定义Hook返回的函数
  result.current.handleClick();

  // 验证dispatch函数是否被调用
  expect(mockDispatch).toHaveBeenCalledWith(yourActionCreator());

  // 验证状态是否更新
  expect(result.current.selectedState).toBe('mocked state');
});