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

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

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

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

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

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