如何对作为嵌套反应路线一部分的反应组件进行单元测试

Question

我的组件链如下所示

我在这里的要求是测试 Sidebar 和 MainBar 组件。 MainBar 里面有路由。

我正在使用酵素.Mount，我发现它永远不会渲染侧边栏组件

 const AppWrapper = enzyme.mount(
      <IntlProvider locale="en">
        <SideBar />
      </IntlProvider>
    );

expect(AppWrapper.find(Nav)).toBe(true);//失败了，永远找不到Nav。

问题：如何使用asese.mount 渲染作为路径一部分的SideBar (:apps/teamsAppId)？

注意：我正在使用 react-router-dom 钩子

Answer 1

首先，酶的find()返回一个dom节点的集合。所以你实际上在做的是检查一个集合是否为真。

试试这个： expect(AppWrapper.contains(Nav)).toBe(true);