Cypress系列12- Cypress 编写和组织测试用例篇 之 断言

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

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

@H_502_0@ 

前言

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

@H_502_0@ 

BDD 格式的断言

• expect
• should

@H_502_0@ 

TDD 格式的断言

@H_502_0@assert

@H_502_0@ 

常见的断言方式

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

长度（Length）

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

@H_502_0@重点： hava.length 

@H_502_0@ 

类（Class）

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

@H_502_0@重点： not.hava.class 

@H_502_0@ 

@H_502_0@值（Value）

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

@H_502_0@重点： have.value 

@H_502_0@ 

文本内容（Text Content）

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

@H_502_0@重点： not.contain 

@H_502_0@ 

针对元素是否可见（Visibility）

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

@H_502_0@重点： be.visible 

@H_502_0@ 

针对元素是否存在（Existence）

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

@H_502_0@重点： not.exist 

@H_502_0@ 

针对元素状态（State）

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

@H_502_0@重点： be.checked 

@H_502_0@ 

针对 CSS

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

@H_502_0@重点： hava.css 

@H_502_0@ 

针对回调函数（callback）

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

假设源HTML如下

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

@H_502_0@ 

自己写的断言函数

@H_502_0@

@H_502_0@