在前端自动化测试中，断言是至关重要的一环。Cypress 是一款流行的前端自动化测试工具，它提供了丰富的断言方法。本文将总结 Cypress 中常见的断言方法，并给出详细的示例代码，以便读者更好地理解和应用这些方法。
1. should
should 是 Cypress 中最常用的断言方法之一，它可以用于验证元素的属性、文本、值等等。should 方法可以与其他方法链式调用，以实现更复杂的断言逻辑。
示例代码
cy.get('button').should('have.class', 'btn-primary')
cy.get('#username').should('have.value', 'admin')
cy.get('h1').should('contain', 'Welcome')
cy.get('.error-message').should('not.exist')2. expect
expect 是 Cypress 中另一个常用的断言方法，它可以用于验证函数的返回值、Promise 的状态等等。expect 方法可以与其他方法链式调用，以实现更复杂的断言逻辑。
示例代码
cy.get('#username').then($input => {
expect($input).to.have.attr('placeholder', '请输入用户名')
})
cy.get('#login-btn').click().then(() => {
expect(cy.url()).to.include('/dashboard')
})3. assert
assert 是 Cypress 中用于自定义断言的方法，它可以用于验证任意表达式的真假。assert 方法需要传入一个函数，该函数应返回一个布尔值，如果返回值为 true，则断言成功，否则断言失败。
示例代码
cy.get('#username').then($input => {
cy.wrap($input).should($input => {
assert.equal($input.attr('placeholder'), '请输入用户名')
})
})4. and
and 是 Cypress 中用于组合多个断言的方法，它可以用于实现多个断言的逻辑与或非。and 方法需要传入一个或多个断言方法，这些断言方法将按顺序执行，直到有一个断言失败或全部断言成功为止。
示例代码
cy.get('#username').should('have.attr', 'placeholder', '请输入用户名')
.and('have.attr', 'maxlength', '20')
.and($input => {
expect($input.val().length).to.be.at.least(6)
})5. invoke
invoke 是 Cypress 中用于调用元素方法的方法，它可以用于验证元素方法的返回值。invoke 方法需要传入一个字符串参数，该参数表示要调用的方法名，可以带上参数列表。
示例代码
cy.get('input[type="checkbox"]').invoke('prop', 'checked').should('be.true')
cy.get('select').invoke('val').should('equal', '2')6. contains
contains 是 Cypress 中用于验证元素是否包含指定文本的方法，它可以用于验证元素的文本内容。contains 方法需要传入一个字符串参数，该参数表示要验证的文本内容。
示例代码
cy.get('.nav').contains('首页').should('have.class', 'active')
cy.get('table').contains('tr', 'John').should('exist')7. within
within 是 Cypress 中用于限定元素范围的方法，它可以用于在指定元素内部执行断言。within 方法需要传入一个选择器参数，该参数表示要限定的元素范围。
示例代码
// javascriptcn.com 代码示例
cy.get('.sidebar').within(() => {
cy.get('a').contains('设置').should('have.class', 'active')
})
cy.get('table').within(() => {
cy.get('tr').eq(1).within(() => {
cy.get('td').eq(3).should('contain', 'male')
})
})总结
本文总结了 Cypress 中常见的断言方法，包括 should、expect、assert、and、invoke、contains 和 within。这些方法可以用于验证元素的属性、文本、值、函数返回值等等，能够帮助开发者更好地进行前端自动化测试。希望本文对读者有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6583cd36d2f5e1655de98468