用赛普拉斯检查变换

Question

我是cypress的新手，我试图检查我的元素之一是否包含特定样式。元素是这样的：

shell

这是我的断言：

<div class="myElement" style="transform: translate(0%, 0px); "></div>

这个说法不起作用，但是赛普拉斯说，我不知道为什么：

cy.get('.myImage').should("have.css", "transform", "translate(0%, 0px)");

我在做什么错？

Answer 1

按下“ uses”的Cypress'have.css chai-jquery computed value。

因此，即使您已分配translate(0%, 0px)，它也会被计算为none。

或者，您可以这样使用assert：

cy.get('.myImage').should('have.attr', 'style').should('contain', 'transform: translate(0%, 0px)')