2015-11-04 49 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應用程序中最重要的地方,可提供覆蓋範圍

相關問題