Cypress系列(12)

Stella981
• 阅读 616

如果想从头学起Cypress,可以看下面的系列文章哦

https://www.cnblogs.com/poloyy/category/1768839.html

前言

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

BDD 格式的断言

  • expect
  • should

TDD 格式的断言

assert

常见的断言方式

以下列出了常见的元素断言

长度(Length)

// 重试,直至找到3个匹配的<li.selected>
cy.get('li.selected').should('have.length',3)

重点: hava.length 

类(Class)

// 重试,直至这个input不再有disabled的class
cy.get('form').find('input').should('not.hava.class','disabled')

重点: not.hava.class

值(Value)

// 重试,直至这个textarea的值为 poloyy
cy.get('textarea').should('have.value','poloyy')

重点: have.value 

文本内容(Text Content)

// 重试,直至这个span不再包含'click me'
cy.get('a').parent('span.help').should('not.contain','click me')

重点: not.contain 

针对元素是否可见(Visibility)

// 重试,直至button可见
cy.get('button').should('be.visible')

重点: be.visible 

针对元素是否存在(Existence)

// 重试,直至 id=loading 元素不再存在
cy.get('#loading').should('not.exist')

重点: not.exist 

针对元素状态(State)

// 重试,直至radio状态是checked
cy.get(':radio').should('be.checked')

重点: be.checked 

针对 CSS

// 重试,直至complete这个类有匹配的css为止
cy.get('.completed').should('have.css','text-decoration','line-through')

重点: hava.css 

针对回调函数(callback)

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

假设源HTML如下

<div class="main-abc123 heading-xyz987">Introduction</div>

自己写的断言函数

Cypress系列(12)

本文分享 CNBlog - 阿菠萝阿瑶。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

点赞
收藏
评论区
推荐文章
Stella981 Stella981
2年前
Cypress系列(86)
如果想从头学起Cypress,可以看下面的系列文章哦https://www.cnblogs.com/poloyy/category/1768839.html(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.cnblogs.com%2Fpoloyy%2Fcategory
Stella981 Stella981
2年前
Cypress系列(50)
如果想从头学起Cypress,可以看下面的系列文章哦https://www.cnblogs.com/poloyy/category/1768839.html(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.cnblogs.com%2Fpoloyy%2Fcategory
Stella981 Stella981
2年前
Jenkins(7)
如果想从头学起Jenkins的话,可以看看这一系列的文章哦https://www.cnblogs.com/poloyy/category/1645399.html(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.cnblogs.com%2Fpoloyy%2Fcateg
Stella981 Stella981
2年前
Docker(25)
如果你还想从头学起Docker,可以看看这个系列的文章哦!https://www.cnblogs.com/poloyy/category/1870863.html(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.cnblogs.com%2Fpoloyy%2Fcate
Stella981 Stella981
2年前
Linux工具安装和常用配置
1常用开发工具安装1Nginx系列(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.cnblogs.com%2Fwyy1234%2Fcategory%2F1443110.html)2mongoDB系列(https://www.o
Stella981 Stella981
2年前
Jenkins(3)
如果想从头学起Jenkins的话,可以看看这一系列的文章哦https://www.cnblogs.com/poloyy/category/1645399.html(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.cnblogs.com%2Fpoloyy%2Fcateg
Wesley13 Wesley13
2年前
Mysql 常用函数(25)
Mysql常用函数的汇总,可看下面文章https://www.cnblogs.com/poloyy/p/12890763.html(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.cnblogs.com%2Fpoloyy%2Fp%2F12890763.html)c
Stella981 Stella981
2年前
Cypress系列(68)
如果想从头学起Cypress,可以看下面的系列文章哦https://www.cnblogs.com/poloyy/category/1768839.html(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.cnblogs.com%2Fpoloyy%2Fcategory
Stella981 Stella981
2年前
Cypress系列(2)
如果想从头学起Cypress,可以看下面的系列文章哦https://www.cnblogs.com/poloyy/category/1768839.html(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.cnblogs.com%2Fpoloyy%2Fcategory
Stella981 Stella981
2年前
Jmeter 常用函数(20)
如果你想查看更多Jmeter常用函数可以在这篇文章找找哦https://www.cnblogs.com/poloyy/p/13291704.htm(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.cnblogs.com%2Fpoloyy%2Fp%2F1329170