Fonts 如何在Cypress中处理字体加载和屏幕截图

我已经测试了使用

cy.screenshot

的插件。这是可行的，但问题是字体有时无法及时加载到屏幕截图中，因此我们最终会遇到非常不稳定的差异

有没有办法让cypress在继续测试之前等待字体加载和UI更新？

试试：

cy.document（）

---

断言会自动使测试等待

document.fonts.status

被

“加载”

。由于这是一项实验性技术，您应该首先检查它的浏览器兼容性。

@font:不确定这是否可行，但请看一下我这里的示例：也许您可以检查字体是否已加载此功能method@ui-更新：屏幕截图插件和cypress都不知道浏览器或AUT何时准备就绪。因此，您应该找到一些条件（例如，DOM中是否有特定的元素？）。如果AUT加载在cypress中，您还可以尝试在AUT中发布特定的窗口事件。我在工作中的AUT和aurelia事件中心中尝试了这一点，效果非常好。这将等待字体状态更改为已加载，但在应用已加载字体时仍然存在时间问题。它仍然使用回退字体拍摄快照。