Cypress断言篇

Cypress断言篇

前言
  • 断言是测试用例的必要组成部分
  • 没有断言,咱们就不知道测试用例的有效性,到底通过没通过
  • Cypress 的断言基于 Chai 断言库,并且增加了对 Sinon-Chai、Chai-jQuery 断言库的支持,其中就包括 BDD 和 TDD 格式的断言
BDD 格式的断言
  • expect
  • should
TDD 格式的断言

assert

常见的断言方式
长度hava.length
typescript 复制代码
// 重试,直至找到3个匹配的<li.selected>
cy.get('li.selected').should('have.length',3)
not.hava.class
typescript 复制代码
// 重试,直至这个input不再有disabled的class
cy.get('form').find('input').should('not.hava.class','disabled')
值have.value
typescript 复制代码
// 重试,直至这个textarea的值为zss
cy.get('textarea').should('have.value','zss')
文本内容not.contain
typescript 复制代码
// 重试,直至这个span不再包含'hello'
cy.get('a').parent('span.help').should('not.contain','hello')
针对元素是否可见be.visible
typescript 复制代码
// 重试,直至button可见
cy.get('button').should('be.visible')
针对元素是否存在not.exist
typescript 复制代码
// 重试,直至 id=loading 元素不再存在
cy.get('#loading').should('not.exist')
针对元素状态be.checked
typescript 复制代码
// 重试,直至radio状态是checked
cy.get(':radio').should('be.checked')
针对 CSS have.css
typescript 复制代码
// 重试,直至complete这个类有匹配的css为止
cy.get('.completed').should('have.css','text-decoration','line-through')
针对回调函数

如果内建的断言没有满足你的需求,可以自己写断言函数,然后作为一个回调以参数的形式传给 .should()

typescript 复制代码
cy.get('span').should($el=>{
    let class_name=$el[0].className;
    expect(class_name).to.match(/[0-9]/);
})
相关推荐
明月与玄武4 天前
Cypress 测试框架:轻松实现端到端自动化测试!
cypress·自动化测试框架详解
程序员小远5 天前
基于jmeter+perfmon的稳定性测试记录
自动化测试·软件测试·python·测试工具·jmeter·职场和发展·测试用例
绿豆_13145 天前
playwright+python UI自动化测试中实现图片颜色和像素对比
自动化测试·python·opencv·计算机视觉·playwirght
程序员三藏5 天前
TDD测试驱动开发+Python案例解析
自动化测试·软件测试·驱动开发·python·测试工具·职场和发展·tdd
测试界清流5 天前
自动化基本技术原理
自动化测试
柒柒的代码学习日记6 天前
博客系统Web自动化测试项目:从用例设计到脚本执行全流程解析
自动化测试·测试·测试项目
天才测试猿6 天前
制定测试计划和测试用例
自动化测试·软件测试·python·功能测试·测试工具·职场和发展·测试用例
灰阳阳9 天前
替身演员的艺术:pytest-mock 从入门到飙戏
自动化测试·python·pytest·unit testing·pytest-mock