hook-component-test.js

function Button({ disabled, onClick }) {
  return <button disabled={disabled} onClick={onClick}>Hi</button>;
}

function useHook(disabled) {
  const onClick = useCallback(() => console.log('works'), []);

  const renderedButton = <Button disabled={disabled} onClick={onClick} />;

  return {
    renderedButton,
  };
}

it(`should work`, () => {
  const { result, rerender: rerenderHook } = renderHook(disabled => useHook(disabled), {
    initialProps: true,
  });

  const { getByText, rerender: rerenderButton } = render(
    result.current.renderedButton,
  );

  expect(getByText('Hi').disabled).toEqual(true);

  rerenderHook(false);
  rerenderButton(result.current.renderedButton);

  expect(getByText('Hi').disabled).toEqual(false);
});