如何测试使用React上下文API的组件？

Question

我在这里有此应用：link to codesandbox 它获取流行的电影标题。

如何测试onClick api函数是否已触发并呈现了结果？我想使用笑话和测试库/反应。

我收到有关“行为”助手功能的消息。我该如何解决？

Answer 1

不用担心act警告。它将在下一版本的React中得到修复。有关更多信息，请参见here。

要测试使用上下文的组件，只需在上下文提供者中对其进行呈现。就您而言：

render(
  <Provider>
    <App />
  </Provider>
)
// Now interact with your component and
// check that the DOM changes correctly

我就如何测试上下文写了here