2015-11-04 47 views
7

在反应文档中的'提示'下,他们描述了父组件之间通过父组件调用子方法(通过ref)进行通信的模式。我如何单元测试在儿童上调用方法的父反应组件

https://facebook.github.io/react/tips/expose-component-functions.html

我使用的是第三方的反应,需要我用这个办法的组成部分。

我想进行单元测试我的组件,并检查它调用孩子的方法(用正确的参数),在正常情况下,但我无法找出如何...

对于示例在Facebook文档中,我应该如何编写一个测试,在最后的Todo上检查Todos调用动画的应用程序?

回答

1

考虑使用Facebook的Flux pattern。通过使用这种模式,你可以将UI组件与状态管理分离开来;国家管理由“商店”促进。商店最终协调组件之间的状态。现在你的观点不直接沟通。另外,数据只能单向流动。

Flux Pattern

注意,有可以使用,such as reFlux许多流量实现。你可以通过搜索可用的NPM包找到许多这些

...那么,如何测试呢?

一旦你确定了一个模式,你可以谷歌大量的资源,博客和例子进行测试。目前,单元测试主要有两种方法:Jest和Jasmine。 Facebook recommends using Jest

对于一个单元测试本申请的一个真正的分离的单元进行操作,我们需要模拟除了我们正在测试的每一个模块。 Jest使得Flux应用程序的其他部分的嘲讽变得微不足道。

...

流量商店经常收到正式的单元测试覆盖率的很大,因为这是应用程序的状态和逻辑的生活在那里。商店无疑是Flux应用程序中最重要的地方,可提供覆盖范围

相关问题