如何处理柏树上的惰性加载元素?

Question

如何处理延迟加载?

我的大多数测试都失败了，这是因为我不能正确地使用scrollIntoView和scrollTo的元素，它不加载元素。有必要使用一个名为cypress-递归的插件吗?或者我可以在香草柏树上做?即使我这样写:

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

仍然不加载页面的中间部分。大多数元素都是图片

Answer 1

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

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

除此之外，我记得有一种方法可以通过webpack强制加载，但这取决于你的应用。