Uso useNavigate de react-router-dom para manejar la navegación. Llamé a un gancho useNavigate en el nivel superior del componente funcional así: const navigate = useNavigate() . Dentro de una función handleClick() la uso para navegar a otra página de mi sitio web así: navigate("/home") . Lo probé y funciona bien, si hago clic en el botón me lleva a la página de inicio (http://localhost/home). Sin embargo, tengo problemas para probar esta funcionalidad. Después de simular un clic en ese botón, la URL debería cambiar, así que escribí la siguiente expectativa: expect(global.window.location.href).toContain('/home');
La prueba falla, la ubicación de la ventana no cambió. Sin embargo, cuando traté de consolar el registro de la ubicación de la ventana en el método afterEach() , muestra que después de la prueba global.window.location.href es igual a http://localhost/home . Así que está funcionando pero no puedo verificar eso en mi prueba....
¿Por qué solo cambia después de la prueba? ¿Qué puedo hacer para verificar esa URL dentro de la prueba?