Javascript 用cypress检查变换

Javascript 用cypress检查变换,javascript,reactjs,cypress,Javascript,Reactjs,Cypress,我是cypress的新手,我正在尝试检查我的一个元素是否包含特定的样式。元素如下所示: <div class="myElement" style="transform: translate(0%, 0px); "></div> cypress说,这一断言不起作用,但我无法解释原因: expected <div.myImage> to have CSS property transform with the value translate(0%, 0px),

我是cypress的新手,我正在尝试检查我的一个元素是否包含特定的样式。元素如下所示:

<div class="myElement" style="transform: translate(0%, 0px); "></div>
cypress说,这一断言不起作用,但我无法解释原因:

expected <div.myImage> to have CSS property transform with the value translate(0%, 0px), but the value was none
应使用值translate(0%,0px)进行CSS属性转换,但该值为none

我做错了什么

Cypress'
have.css
断言

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

或者,您可以使用如下断言:

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

我也有类似的问题=>
期望“我的图标”具有CSS属性“transform”,值为“transform:rotateX(180deg)”,但值为“matrix3d(1,0,0,0,0,-1,1.22465e-16,0,0,-1.22465e-16,-1,0,0,0,0,1)“
这不起作用->
希望我的DOM具有属性样式
似乎找不到属性样式。实际上,转换是通过css应用的,而不是内联的
cy.get('.myImage').should('have.attr', 'style').should('contain', 'transform: translate(0%, 0px)')