Как верно покрыть тестами хук реактовский?

Question

[Вадим]

Всем привет,
Есть такой хук

import { useRef, useEffect } from 'react';

export const useTimeout = (callback: () => unknown, delay: number, dependencies: unknown[]) => {
  const timeoutRef = useRef<number>();
  const savedCallback = useRef(callback);

  useEffect(() => {
    savedCallback.current = callback;
  }, [callback]);

  useEffect(() => {
    const tick = () => savedCallback.current();
    timeoutRef.current = window.setTimeout(tick, delay);
    return () => window.clearTimeout(timeoutRef.current);
  }, [delay, ...dependencies]);

  return timeoutRef;
};

Написал следующий тест:

import { renderHook } from '@testing-library/react';
import { useTimeout } from './useTimeout';

describe('hooks/useTimeout', () => {
  it('returns useTimeout', () => {
    const {result} = renderHook(() => useTimeout(() => false, 500, []));
    expect(result.current).toBe(5);
  });
});

Но он падает:

Answer 1

[Алексей Уколов]

- expect(result.current).toBe(5);
+ expect(result.current.current).toBe(5);

Функция renderHook возвращает объект, в котором в свойстве result содержится объект, в котором в свойстве current хранится результат вызова хука. Результат вызова вашего хука - ref, который тоже является объектом со свойством current, содержащим id интервала.

Вроде, сообщение об ошибке максимально понятное ¯\_(ツ)_/¯