如何测试USESTATE和使用效应React钩子

Question

我正在尝试使用开玩笑 酶来测试usestate和使用效果钩，但是我找不到方法，有人可以帮忙吗？

const [sPlaceholder, setSPlaceholder] = useState('');
  useEffect(() => {
    setSPlaceholder('abcd');
    if (s === '') {
      dispatchUpdateSPlaceholder(searchPlaceholder);
    }
  }, [sPlaceholder]);

Answer 1

酶当前不支持钩子。我会看一下Kent C. Dodd的react-testing-library来测试您的钩子。您将测试钩子的结果，而不是单位测试钩子本身。

https://github.com/testing-library/reeactt-testing-library

Answer 2

尝试使用ACT((：

import { act } from 'react-dom/test-utils';
act(() => {
  //your condition to update sPlaceholder goes here
});

https://reactjs.org/blog/2019/02/06/react-v16.8.0.html#testesting-hooks