測試React/Redux組件和容器使用<Provider />

Question

我正在使用connect()包裝器/裝飾器編寫反應容器組件。當我使用mocha和expect/should進行測試時，我有興趣爲我的容器提供假冒商店。閱讀完文檔後，我應該使用export一個簡單版本的組件，然後在測試中使用<Provider ...>。以下是文檔的鏈接。

https://github.com/reactjs/redux/blob/master/docs/recipes/WritingTests.md

但是我在努力尋找在實際執行這樣一個例子/準則。我知道文檔可能忽略它，因爲它顯而易見，但我迷失了試圖連接我的測試。

Answer 1

我已經使用redux-mock-store之前，並使用Provider圍繞連接組件測試渲染（我使用enzyme）和交互。

要測試mapStateToProps：

1. 創建模擬存儲與初始狀態
2. 呈現組件
3. 斷言的期望抵靠部件

要測試mapDispatchToProps：

1. 創建模擬stor在組分e與初始狀態
2. 呈現組件
3. 觸發動作
4. 斷言期望對模擬存儲