Learn React Hooks

Testing the useTheme Hook

Now that we have defined the ThemeContextWrapper component, we can make use of it while testing the useTheme Hook.

Let's now test the useTheme Hook as outlined in the following steps:

1. Create a new src/hooks/useTheme.test.js file.
2. Import the renderHook function as well as the ThemeContextWrapper and the useTheme Hook:

import { renderHook } from '@testing-library/react-hooks'import { ThemeContextWrapper } from './testUtils'import useTheme from './useTheme'

3. Next, define the test using the renderHook function and pass the wrapper as a second argument to it. Doing this will wrap the test component with the defined wrapper component, which means that we will be able to use the provided context in the Hook:

test('should ...