Estoy buscando ayuda con el componente de prueba. En mi caso en el efecto que estoy haciendo esto:
useEffect(() => { if (lodashHas(meetings[0], 'id')) { history.push(`${routes.zoomMeetings}/${meetings[0].id}`); } }, [meetings, key]);Me gustaría esperar hasta que se aplique este efecto y hacer pruebas. Sin embargo, cuando lo estoy probando con:
expect(window.location.pathname).toBe(`${routes.zoomMeetings}/${meetingsListInfo.meetings[0].id}`) Todavía me muestra / como una ruta en lugar del nombre de ruta adecuado. Cuando estoy iniciando sesión en la consola, puedo ver en la terminal que el efecto está funcionando. Parece que la prueba no está esperando a que se evalúe este efecto antes de hacer afirmaciones.
Estoy usando useHistory de react-router-dom como el siguiente:
const history = useHistory(); En mis pruebas, estoy tratando de burlarme de history.push() . Me las arreglé para resolverlo haciendo esto en mi prueba:
import { createMemoryHistory } from 'history'; import { Router } from 'react-router-dom'; let history; const renderComponent = () => { history = createMemoryHistory(); render(<Router history={history}><MyComponent /></Router>); } it('tests location changes', () => { renderComponent(); const pushSpy = jest.spyOn(history, 'push'); expect(pushSpy).toHaveBeenLastCalledWith(`some-route`); expect(pushSpy).toHaveBeenCalledTimes(1); });De esta manera puedo probar las afirmaciones correctamente.