Learn React Hooks

Testing the usePostsState Hook

Similarly to how we tested the useUserState Hook, we can also test the usePostsState Hook.

Let's test the usePostsState Hook now:

1. Create a new src/hooks/usePostsState.test.js file.
2. Import the necessary functions, the useDispatch and usePostsState Hooks, and the StateContextWrapper:

import { renderHook, act } from '@testing-library/react-hooks'import { StateContextWrapper } from './testUtils'import useDispatch from './useDispatch'import usePostsState from './usePostsState'

3. Then, we test the initial state of the posts array:

test('should use posts state', () => {    const { result } = renderHook(        () => usePostsState(),        { wrapper: StateContextWrapper }    )    expect(result.current).toEqual([])})

4. Next, we test whether ...