react-giphy-searchbox2/lib/hooks/useDebounce.spec.js

React Giphy Searchbox

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

jest.useFakeTimers()

describe('useDebounce', () => {
  test('should update value after specified delay', () => {
    const { result, rerender } = renderHook(
      ({ value, delay }) => useDebounce(value, delay),
      { initialProps: { value: '', delay: 500 } },
    )

    expect(result.current).toBe('')

    act(() => jest.advanceTimersByTime(510))
    expect(result.current).toBe('')

    rerender({ value: 'Foo', delay: 500 })
    expect(result.current).toBe('')

    act(() => jest.advanceTimersByTime(498))
    expect(result.current).toBe('')

    act(() => jest.advanceTimersByTime(3))
    expect(result.current).toBe('Foo')
  })
})