How do I test custom hooks in React?

How do I test custom hooks in React?

To test custom hooks, you can use the React Testing Library along with Jest. You can create a test component that uses your hook.

Can you show me an example of a test for a custom hook?

Sure! Here's a simple example:

import { renderHook } from '@testing-library/react-hooks';
import useCustomHook from './useCustomHook';

test('should return expected value', () => {
  const { result } = renderHook(() => useCustomHook());
  expect(result.current).toBe(expectedValue);
});

What about testing hooks that use context?

For hooks that use context, you can wrap your hook in a context provider when rendering it in your tests.

Are there any libraries specifically for testing hooks?

Yes, the @testing-library/react-hooks library is specifically designed for testing React hooks.