如何处理柏树上的延迟加载元素？

Question

如何应对懒加载？

我的大部分测试都失败了，这是因为我无法使用 scrollIntoView 和 scrollTo 元素正确定位并且它不会加载元素。有必要使用一个名为 cypress-recurse 的插件吗？或者我可以在香草柏树上做吗？即使我这样：

it('Visit the website', () => {
    cy.scrollTo('bottom')
    cy.wait(5000)
});

它仍然没有加载页面的中间部分。大多数元素都是图像失败

Answer 1

滚动命令可能有点挑剔。我建议从上到下对每个元素强制延迟加载，比如

cy.get('lazy-element').each($el => {
  cy.wrap($el).scrollIntoView()
})

除此之外，我记得看到过一种通过 webpack 强制预加载的方法，但这取决于您的应用程序。