Learn React Hooks

Testing the useDebouncedUndo Hook

We are going to use the waitForNextUpdate function to test debouncing in our useDebouncedUndo Hook by following these steps:

1. Create a new src/hooks/useDebouncedUndo.test.js file.
2. Import the renderHook and act functions as well as the useDebouncedUndo Hook:

import { renderHook, act } from '@testing-library/react-hooks'import useDebouncedUndo from './useDebouncedUndo'

3. First of all, we test whether the Hook returns a proper result, including the content value, setter function, and the undoRest object:

test('should use debounced undo', () => {    const { result } = renderHook(() => useDebouncedUndo())    const [ content, setter, undoRest ] = result.current    expect(content).toBe('') expect(typeof setter).toBe('function') ...