Unit testing 如何对调用子级方法的父级组件进行单元测试

Unit testing 如何对调用子级方法的父级组件进行单元测试,unit-testing,reactjs,Unit Testing,Reactjs,在react文档中的“提示”下,它们描述了组件之间通信的模式,其中父组件调用子组件上的方法(通过ref) 看 我使用的第三方react组件要求我使用这种方法 我想对我的组件进行单元测试,并检查它是否在正确的环境下调用子方法(使用正确的参数),但我很难弄清楚如何 例如,在Facebook文档中,我将如何编写一个测试来检查最后一个Todo上的Todo调用动画,如果应该的话?考虑使用Facebook的。通过使用此模式,您将UI组件与状态管理分离;“商店”促进了国家管理。存储最终协调组件之间的状态。现在

在react文档中的“提示”下,它们描述了组件之间通信的模式,其中父组件调用子组件上的方法(通过ref)

我使用的第三方react组件要求我使用这种方法

我想对我的组件进行单元测试,并检查它是否在正确的环境下调用子方法(使用正确的参数),但我很难弄清楚如何

例如,在Facebook文档中,我将如何编写一个测试来检查最后一个Todo上的Todo调用动画,如果应该的话?

考虑使用Facebook的。通过使用此模式,您将UI组件与状态管理分离;“商店”促进了国家管理。存储最终协调组件之间的状态。现在你的观点不能直接交流。此外,数据只能单向流动

请注意,您可以使用许多Flux实现。您可以通过搜索可用的NPM包找到其中的许多

…那么,如何测试这一点呢

一旦确定了一种模式,就可以用谷歌搜索大量的资源、博客和示例进行测试。目前,单元测试主要有两种方法:Jest和Jasmine:

为了让单元测试在真正隔离的应用程序单元上运行,我们需要模拟除我们正在测试的模块之外的每个模块。Jest使得模拟Flux应用程序的其他部分变得微不足道

Flux存储通常会收到大量正式的单元测试覆盖,因为这是应用程序状态和逻辑所在。商店可以说是Flux应用程序中提供覆盖的最重要的地方