如何通过react-testing-library和jest测试使用基于useContext的自定义钩子的代码

// useCustomHook.js
import React, { useContext } from 'react';

const MyContext = React.createContext();

export const useCustomHook = () => {
  const contextValue = useContext(MyContext);

  // perform any other logic with the context value or calculate and return something

  return contextValue;
};

// MyComponent.js
import React from 'react';
import { useCustomHook } from './useCustomHook';

const MyComponent = () => {
  const contextValue = useCustomHook();

  // render the component with the context value

  return (
    <div>{contextValue}</div>
  );
};

export default MyComponent;

// MyComponent.test.js
import React from 'react';
import { render } from '@testing-library/react';
import MyComponent from './MyComponent';
import { useCustomHook } from './useCustomHook';

jest.mock('./useCustomHook'); // Mock the custom hook

describe('Testing useCustomHook', () => {
  test('should return the correct context value', () => {
    const mockContextValue = 'mocked value';
    useCustomHook.mockReturnValue(mockContextValue); // Mock the return value of the custom hook

    const { getByText } = render(<MyComponent />);

    expect(getByText(mockContextValue)).toBeInTheDocument();
  });
});