如果你有谷歌地图iFrame
https://www.google.com/maps/embed?...
在一个简单的页面上
document.ready
不会工作,因为iframe仅在其内容位于可见窗口部分时才会加载其内容。因此,将页面滚动到底部将异步初始化加载。
然而,如何测试Google Maps iFrame是否完成了所有加载和加载动画(jQuery或普通JavaScript)?
背景:
我们使用CodeceptJS进行可视化回归测试,并进行完整的页面截图。但是,由于iframe没有完全加载,屏幕截图会有所不同(因此,对于随机加载的两个屏幕截图,加载速度会有所不同)。
简单的
scrollToPageBottom
它和一个
wait(10)
会有用的。然而,它应该尽可能长地等待,以通过数百次测试缩短CI管道的持续时间。由于Playwright helper没有提供本机支持,因此运行JavaScript命令似乎更合适。由于所有基础站点都使用jQuery,因此这可以用来降低复杂性。