如何在 Cypress 中检查多个 CSS 类的元素？

Question

如何检查一个元素是否有多个类？在官方文档上找不到任何内容，只有：

cy.get('form').find('input').should('have.class', 'disabled')

或者

expect($el).to.have.class('foo')

插入多个类名时，出现错误：

expect($el).to.have.class('foo bar baz')

有解决办法吗？

Answer 1

一种方法是使用cy.and()以下方法将多个断言链接在一起：

cy.get('div')
.should('have.class', 'foo')
.and('have.class', 'bar')
.and('have.class', 'baz')