Testing Custom Hooks with State
Learn to test custom React Hooks that contain state in this lesson.
We'll cover the following...
We'll cover the following...
Starter project
The project for this lesson contains a custom hook called useForm
. This hook tracks the value of a field in a form and can handle the initial part of the form submission. It is a very simplified version of useForm
from React Hook Form.
In this lesson, we’ll create tests on useForm
.
A copy of the project is in the code widget below. Clicking the “Run” button executes the tests.
export default "test-file-stub";
Starter project
Testing the initial render
The project contains an empty test in useForm.test.js
. We’ll implement this test to verify that the values
object returned from useForm
is initially empty.
Use renderHook
as follows to render useForm
in a test component:
const { result } = renderHook(() => useForm());
The renderHook
...