Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript `Ionic React快照测试中Ionic RouterOutlet`不进行深度渲染_Javascript_Reactjs_Ionic Framework_Jestjs_React Testing Library - Fatal编程技术网

Javascript `Ionic React快照测试中Ionic RouterOutlet`不进行深度渲染

Javascript `Ionic React快照测试中Ionic RouterOutlet`不进行深度渲染,javascript,reactjs,ionic-framework,jestjs,react-testing-library,Javascript,Reactjs,Ionic Framework,Jestjs,React Testing Library,我正在尝试对由Ionic React router包装的组件进行快照,并执行深度渲染。但在我的例子中,IonMicrouterOutlet似乎并没有深入呈现。如何解决此问题并成功执行深度渲染,有何建议 以下是我的示例代码: 从“React”导入React 从'@testing library/react'导入{render} 从'@IONAL/react'导入{IonRouterOutlet} 从'@ionic/react router'导入{Ionion react router} 笑话。模拟

我正在尝试对由Ionic React router包装的组件进行快照,并执行深度渲染。但在我的例子中,
IonMicrouterOutlet
似乎并没有深入呈现。如何解决此问题并成功执行深度渲染,有何建议

以下是我的示例代码:

从“React”导入React
从'@testing library/react'导入{render}
从'@IONAL/react'导入{IonRouterOutlet}
从'@ionic/react router'导入{Ionion react router}
笑话。模拟(“@电容器/磁芯”,()=>({
插件:{
状态栏:{
setStyle:jest.fn()
},
存储:{
set:jest.fn(),
获取:()=>“”
}
},
状态栏样式:{
灯光:“灯光”
},
}));
描述('组件',()=>{
let组件
beforeach(异步()=>{
组件=渲染(
)
})
描述('快照',()=>{
它('应该匹配快照',()=>{
常量{asFragment}=组件
expect(asFragment()).toMatchSnapshot()
})
})
})
以下是我的快照输出:

exports[`登录组件快照应与快照1`]匹配=`
`;

如您所见,
不是在快照输出中生成的。那么如何解决这个问题呢?

你在某处模拟离子反应组件吗?@juliomalves有一个模拟函数,是的。我刚刚更新了上面的代码。请看一看。谢谢