Si uno tiene un iFrame de Google Maps como https://www.google.com/maps/embed?... en una página, un simple document.ready no funcionará ya que el iframe solo cargará su contenido si está en el parte de la ventana visible. Por lo tanto, desplazar la página hasta el final iniciará la carga de forma asíncrona.

Sin embargo, ¿cómo se puede probar si un iFrame de Google Maps ha terminado toda su animación de carga y carga (jQuery o JavaScript simple)?

Fondo:

Usando CodeceptJS hacemos pruebas de regresión visual haciendo capturas de pantalla de página completa. Sin embargo, las capturas de pantalla difieren ya que el iframe no está completamente cargado (por lo tanto, se cargaría de manera diferente y rápida para las dos capturas de pantalla al azar).

Un simple scrollToPageBottom lo inicia y una wait(10) funcionará. Sin embargo, solo debe esperar el tiempo que sea necesario para reducir la duración de la canalización de CI con cientos de pruebas. Como el ayudante de Playwright no ofrece esto de forma nativa, parece que ejecutar un comando de JavaScript parece más adecuado. Como todos los sitios subyacentes usan jQuery, esto se puede usar para aliviar la complejidad.