如何测试React / Flux组件的状态？

Question

我对测试很陌生，所以也许我正在考虑测试那些不应该测试的东西。

我有一个顶级组件'App'，它从商店获取状态，通过组件安装上的ajax请求更新。我认为一个有用的测试是在ajax请求（一个动作）之后检查App组件的状态是否为空。有没有办法在动作之前和之后测试组件的状态？

据我所知，您不会测试应用程序的实际功能，而是对组件及其功能进行模拟，然后对其进行测试。如果可行，则假定您的实际应用程序必须正常工作。我不确定如何模拟链接到操作和存储的组件。

如果我不应该测试状态，测试组件的好处是什么？到目前为止，还没有任何用户交互。

以下是没有商店/操作代码的组件代码：

{{1}}

Answer 1

如果您希望深入了解有关测试的详情，我建议"Growing Object-Oriented Software, Guided by Tests"

与React / Redux特别相关，Redux文档提供了有关测试Redux的一些信息：

http://redux.js.org/docs/recipes/WritingTests.html

对于其他面向React的测试，您可以查看Enzyme和Jest

另见

• https://ifelse.io/2016/04/04/testing-react-components-with-enzyme-and-mocha/