有没有办法在cypress.io中检查元素是否有类

Question

我不想测试它是否有...should('have.class', "some-class")这样的类，我只想知道它是否有，如果没有，那么执行一些操作，赋予它该类。

基本上，我想看看元素是否有Mui-checked，如果没有，他们会以编程方式检查它

Answer 1

添加这样的类。您不需要检查条件，因为$el.addClass()在任何一种情况下都可以工作。

cy.get('selector').then($el => $el.addClass("blue"))

Answer 2

您可以使用hasClass((jquery方法进行以下操作：

cy.get('selector').then(($ele) => {
if ($ele.hasClass('foo')) {
//Do something when you have the class
} else {
//Do something when you don't have the class
}
})

Answer 3

您可以使用should()检索class属性，并检查它是否包含您的类，例如：

cy.get('.selector')
.should('have.attr', 'class')
.and('contain', 'some-class');