如何测试React Hooks中的useState和useEffect函数

Question

我想使用Jest + Enzyme测试React Hooks中的useState和useEffect，但是我找不到方法，有人可以帮忙吗？

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

- Kannan Thayumanavan

---

你想要从你的组件中单独测试它们吗？ - skyboyer

Answer 1

目前Enzyme不支持Hooks，建议使用Kent C. Dodd的react-testing-library对你的Hooks进行测试。你将测试Hooks的结果而不是单元测试Hooks本身。

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

- Katia Wheeler

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#testing-hooks

- maxplak