在 React 中使用 setTimeout() 并测试它

Question

我意识到我在我的项目中使用的setTimeout()可能比我应该使用的要多，我进行了快速研究并浏览了 Github 上的一些开源 React 项目，并决定我应该询问一下。

\n\n

我setTimeout主要用于更改类名或添加样式以对 DOM 对象进行动画处理，同时也使用 CSS 转换，我认为用这么多 setTimeout 编写单元测试会很困难。

\n\n

由于我来自使用 AngularJS，所以有一个$timeout\xc2\xa0service 与 setTimeout 具有相同的功能，但在测试中你可以像这样刷新超时$timeout.flush()，超时会立即结束。

\n\n

我的问题；

\n\n

\n
• 是否有另一种可测试的方法可以使用 setTimeout （逻辑或编程）？
\n
• React 中是否有内置的可测试函数可以做同样的事情setTimeout？
\n
• 是否有任何反应插件可以用于“可刷新”超时？
\n

\n\n

请记住，我对 ReactJS 还很陌生，还没有编写任何单元测试。

\n

Answer 1

这取决于您使用的是什么。有一个 sinonjs 假计时器（http://sinonjs.org/），Jest也具有此功能（带有示例）： https: //facebook.github.io/jest/docs/timer-mocks.html

干杯，马吕什