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

Question

我已经测试了cypress-image-snapshot使用cy.screenshot. 它可以工作，但问题是字体有时无法及时加载屏幕截图，因此我们最终会得到非常不稳定的差异。

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

Answer 1

尝试FontFaceSet API：

cy.document().its("fonts.status").should("equal", "loaded")

断言自动使测试等到 to document.fonts.statusbe "loaded"。由于它现在是一项实验性技术，因此您应该首先检查其浏览器兼容性。