Learn React Hooks

Creating the ThemeContextWrapper

To be able to test the Theme Hook, we first have to set up the context and provide a wrapper component for the Hook's test component.

Let's now create the ThemeContextWrapper component:

1. Create a new src/hooks/testUtils.js file.
2. Import React and the ThemeContext, as follows:

import React from 'react'import { ThemeContext } from '../contexts'

3. Define a new function component called ThemeContextWrapper; it will accept children as props:

export function ThemeContextWrapper ({ children }) {

children is a special prop of React components. It will contain all other components passed to it as children; for example, <ThemeContextWrapper>{children}</ThemeContextWrapper>.

4. We return a ThemeContext.Provider with our ...