Cypress系列(61)- 断言最佳实践

2020-10-26 11:28:04 浏览数 (2)

背景

  • Cypress 的断言库是基于 Chai 断言库的
  • 并且增加了对 Sinon-Chai,Chai-jQuery 断言库的支持,带来了强大的断言功能
  • Cypress 支持 BDD(expect/should)和 TDD(assert)格式的断言

BDD、TDD 格式断言的简单栗子

BDD
TDD

Cypress 命令内置的断言

Cypress 命令通常具有内置的断言,这些断言将导致命令自动重试,以确保命令成功(或者超时后失败)

代码语言:javascript复制
it('cypress 命令自带断言', function () {
    cy.wrap({body: {name: 'poloyy'}})
    .its('body')
    .should('deep.eq', {name: 'poloyy'})
});
Cypress 有哪些常见内置断言操作的命令

Cypress 提供两个方法来断言

隐性断言:should()、and()

  • should()、and() 是 Cypress 推崇的方式
  • and() 和 should() 其实使用方式和效果是完全一样的,具体可以看这篇文章:https://cloud.tencent.com/developer/article/1699988
代码语言:javascript复制
cy
.get('form')
.should('be.visible')
.and('have.class', 'open')

显性断言:expect

expect 允许传入一个特定的对象并且对它进行断言

代码语言:javascript复制
expect(true).to.be.true

混合使用隐性断言和显性断言

代码语言:javascript复制
cy.get('.action-email')
.type('fake@email.com')
.should(($el) => {
    expect($el).to.have.value('fake@email.com')
    expect($el).to.be.visible
})

TDD、BDD 常见断言

BDD 形式的断言

TDD 形式的断言

0 人点赞