转换和Cypress意外行为

转换和Cypress意外行为,cypress,Cypress,我已经用转换测试了元素。它只需在单击后更改图像,并执行一些过渡缓和操作。然后我尝试使用Cypress来比较新图像是否是预期的URL图像。但由于转换,我有一个-webkit交叉淡入方法作为输出。如何在不使用cy.wait()的情况下解决该问题 代码: 我不想使用cy.wait()我们可以提供帮助,但您需要分享。另外,您介意告诉我们为什么不想使用cy.wait()?因为据我所知,将cy.wait()与数字一起使用是一种反模式。您尝试过吗?最后,我使用了cy.wrap-on元素,它通常可以工作,Cyp

我已经用转换测试了元素。它只需在单击后更改图像,并执行一些过渡缓和操作。然后我尝试使用Cypress来比较新图像是否是预期的URL图像。但由于转换,我有一个
-webkit交叉淡入
方法作为输出。如何在不使用
cy.wait()
的情况下解决该问题

代码:


我不想使用
cy.wait()

我们可以提供帮助,但您需要分享。另外,您介意告诉我们为什么不想使用
cy.wait()
?因为据我所知,将cy.wait()与数字一起使用是一种反模式。您尝试过吗?最后,我使用了cy.wrap-on元素,它通常可以工作,Cypress应该自动处理大多数动画-请参阅。添加cy.wrap()允许这种情况发生,如果没有它,您只需测试原始DOM元素。我们可以提供帮助,但您需要共享。另外,您介意告诉我们为什么不想使用
cy.wait()
?因为据我所知,将cy.wait()与数字一起使用是一种反模式。您尝试过吗?最后,我使用了cy.wrap-on元素,它通常可以工作,Cypress应该自动处理大多数动画-请参阅。添加cy.wrap()允许这种情况发生,如果没有它,您只需测试原始DOM元素。
  it('test', ()=> {
        getSelectAll().click()
        cy.wait(300)
        getCheckboxes().each((elem) => {
        expect(elem).to.have.css('background-image', 
            expectedBackground)
        })
    })