Проверка трансформации с помощью кипариса

Question

Я новичок в Cypress, и я пытаюсь проверить, что один из моих элементов содержит определенный стиль.Элемент выглядит примерно так:

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

Это мое утверждение:

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

Это утверждение не работает, но я не могу понять, почему, кипарис говорит:

expected <div.myImage> to have CSS property transform with the value translate(0%, 0px), but the value was none

Что я делаю не так?

Answer 1

Cypress 'have.css использует chai-jquery , который утверждает вычислено значение .

Таким образом, дажехотя вы назначили translate(0%, 0px), он вычисляется как none.

В качестве альтернативы вы можете использовать assert следующим образом:

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