作用
.and(chainers)
.and(chainers, value)
.and(chainers, method, value)
.and(callbackFn)
在大多数情况下,.and() 返回与上一个命令相同的结果
cy
.get('nav') // 返回 <nav>
.should('be.visible') // 返回 <nav>
.and('have.class', 'open') // 返回 <nav>
但是,某些 chainer 会改变返回的结果
cy
.get('nav') // 返回 <nav>
.should('be.visible') // 返回 <nav>
.and('have.css', 'font-family') // 返回 'sans-serif'
.and('match', /serif/) // 返回 'sans-serif'
cy.get('button').should('have.class', 'active').and('not.be.disabled')
<li>
<a href="users/123/edit">Edit User</a>
</li>
cy
.get('a')
.should('contain', 'Edit User') // 返回的是 <a>
.and('have.attr', 'href') // 返回的是 href 的值
.and('match', /users/) // 返回的是 href 的值
.and('not.include', '#') // 返回的是 href 的值
断言 href 属性值是否等于 /users
cy
.get('a')
.should('have.class', 'active')
.and('have.attr', 'href', '/users')