Estoy tratando de probar la importación dinámica en nextjs versión 10.2.3, intenté usar la biblioteca jest-next-dynamic que evita arrojar errores
Error de tipo: require.resolveWeak
pero cuando depuro el componente en el caso de prueba de broma, obtengo el resultado inferior y no puedo obtener el componente real que debería cargarse
<ForwardRef(LoadableComponent) .../>mi caso de prueba
it('should render Image component from next/Image', () => { await preloadAll(); defaultProps = getDefaultProps(imgSrcFromAssetsLocation); const ContainerImage = shallow(<ContainerImage { ...defaultProps } />); console.log(ContainerImage.debug()); expect(ContainerImage.prop('layout')).toEqual('responsive'); });Después de un tiempo, descubrí que debemos esperar a que se cargue el elemento dinámico en el caso de prueba usando waitFor o algo similar, la documentación de "jest-next-dynamic" no incluye esto, encontré esto desde abajo github repo github repo with example