Tengo un componente que carga de forma asíncrona la configuración del servidor de configuración externo y espera la respuesta, me he burlado del objeto de respuesta con global.fetch, sin embargo, no se alcanza mi declaración de la consola, prueba omitir la ejecución de las declaraciones después de esperar la llamada. Debajo de la línea después de la declaración de espera no se registra. ¿Cómo hacer broma para esperar que se resuelva la promesa?
StyleWrapper.tsx
const StyleWrapper: FC = (props) => { let async arrangeTiles = async() => { const styleConf = await StyleWrapperHelper.getStyleConfig(); console.log(styleConf.defaultStyleName); // This line not executed during test!!! }; return ( <Context.Provider value={{ arrangeTiles }}> <div id="cnplStyleWrapper">{props.children}</div> </Context.Provider> ); };StyleWrapper.prueba.tsx
test('Test Load style configuration', () => { global.fetch = jest.fn(() => Promise.resolve({ json: () => Promise.resolve({"maxNumberOfTiles":20, "defaultStyleName": "CNPLCore"}), }) ) as jest.Mock; const styleWrapper = mount(<StyleWrapper />); styleWrapper.update(); expect(container.html()).toMatchSnapshot(); });