Al mudarme a NX, migré mi biblioteca @bespunky/angular-google-maps de karma + jasmine a jest y mis pruebas están fallando.
Muchas de las pruebas utilizan objetos nativos (por ejemplo, google.maps.Map o google.maps.Marker ). Existen bibliotecas simuladas para Google Maps, pero no cubren ni el 30% de toda la API de Google Maps.
Tengo la intención de implementar al menos el 80% de la API nativa en mi biblioteca Angular en algún momento, por lo que ni una biblioteca simulada ni la implementación de simulacros para cada elemento nativo que uso son opciones viables, ya que los simulacros se volverán rápidamente imposibles de mantener.
Por esa razón, elegí descargar manualmente el archivo API y plantarlo en mi base de código, luego simplemente ejecutarlo cuando se inicialice el entorno de prueba. En lugar de burlarme de toda la biblioteca, me burlo de las funciones relevantes en objetos reales cada vez. Esto funcionó correctamente en karma pero falla en broma.
Intenté agregar el archivo en setupFiles , setupFilesAfterEnv , globalSetup en mi jest.config.js . Todas las alternativas ejecutan el archivo, pero cuando se ejecuta, arroja el siguiente error:
TypeError: Cannot read property 'maps' of undefined
Es como si el espacio de nombres de google no se cargara. Supongo que esto tiene algo que ver con el hecho de que jest no se ejecuta en el navegador y karma sí.
Incluso traté de decirle a jest que trabajara con la simulación DOM, agregando lo siguiente en mi jest.config.js :
module.exports = { ... testEnvironment: 'jsdom', testEnvironmentOptions: { html: `<html><head></head><body></body></html>` } };Mismo resultado.
Escribí @googlemaps/jest-mocks, que es una API parcialmente burlada para Google Maps JS.
Esta biblioteca está abierta a solicitudes de extracción y es fácil de parchear.
import { initialize } from "@googlemaps/jest-mocks"; beforeEach(() => { initialize(); });