How can I test custom React hooks effectively?

How can I test custom React hooks effectively?

You can use libraries like React Testing Library and Jest to test your custom hooks. Would you like a code example?

Yes, please provide a code example for testing a custom hook.

Sure! Here's a simple example using React Testing Library:

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);
});

This tests if your custom hook returns the expected value.

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. Would you like to see an example?