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

最新推荐文章于 2023-11-21 11:48:55 发布
最新推荐文章于 2023-11-21 11:48:55 发布
阅读量1.6k 收藏 4
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33801641/article/details/107195713
版权
本文介绍了Cypress测试框架中如何编写和组织测试用例的断言部分，包括BDD和TDD两种格式的断言方式，如expect、should、assert等。同时，详细讲解了各种常见的元素断言，如长度、类、文本内容、可见性、存在性、状态和CSS属性等。此外，还展示了如何自定义回调函数来实现更灵活的断言需求。
摘要由CSDN通过智能技术生成

如果想从头学起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）

最低0.47元/天 解锁文章
小菠萝测试笔记
关注
cypress-react-unit-test：使用Cypress进行单元测试React组件
02-06
2. **断言库**：Cypress内置了丰富的断言库，使得编写测试更加简洁且易于理解。 3. **时间旅行调试**：Cypress的"时间旅行"功能允许开发者查看测试执行的每一步，方便调试失败的测试用例。 4. **集成开发体验**：...
Cypress-should()常见断言
francyshisan的博客
11-15 1万+
1.包含（include） cy.url().should('include','mp_blog') //当前url包含有mp_blog（如当前正在csdn创建编辑文档的网址为“https://mp.csdn.net/mp_blog/creation/editor”） cy.get('.two').should('include.text','测试') //针对文本 2.元素可见（visible） cy.get('button').should('be.visible') //元素是否可见，比如
Cypress笔记--显式断言详解
seanyang_的博客
12-28 294
官方：https://example.cypress.io/commands/assertions。
Cypress的一些常用方法
芳草乀的博客
04-23 558
上述方法只是其中的一部分，小伙伴们可以根据需要选择使用。scrollIntoView() 方法用于滚动到一个元素。should() 方法用于断言一个元素的状态。visit() 方法用于打开一个 URL。wait() 方法用于等待一个元素出现或消失。screenshot() 方法用于截图。submit() 方法用于提交一个表单。clear() 方法用于清空一个文本框。click() 方法用于模拟鼠标点击。get() 方法用于选择页面上的元素。type() 方法用于模拟键盘输入。有什么问题可以私信我哦~
Cypress断言篇
最新发布
冰点契约的博客
11-21 218
Cypress断言篇
cypress测试脚本_前端自动化测试框架Cypress入门(三)
weixin_33281940的博客
01-01 342
前 言前端自动化测试框架Cypress入门之测试用例组织与编写。模块我们在编写测试用例的时候都是基于以下几个模块describle()context()it()before()beforeEach()afterEach()after()only()skip()注：我们可以从之前两篇文章中看到，在编写测试脚本的时候必须要有describle()和it()。describle()...
cypress-example-test-status:显示赛普拉斯测试状态的示例应用程序
04-29
1. **cypress/integration** - 这个目录下包含了所有的测试用例文件，使用赛普拉斯的测试语法编写，展示了如何定义测试断言、模拟用户交互以及处理异步操作。 2. **cypress/support** - 放置全局支持文件，比如扩展...
cypress-docs-pt-br：官方文档存储库cypress.io emPortuguês-BR
02-06
Cypress的独特之处在于它的命令链式调用，这使得测试代码更易于理解和维护。每个`cy`命令都会等待前一个命令完成后再执行，有效地解决了异步操作的同步问题。这种设计使得测试更加可靠，减少了由于页面未完全加载或...
cypress-testing:使用赛普拉斯UI测试测试www.vehikl.com
03-17
安装完成后，在项目根目录下运行`npx cypress open`，这会打开赛普拉斯的测试运行器界面，你可以在这里创建和管理测试用例。 ### 三、编写测试用例 赛普拉斯的测试代码通常使用JavaScript编写，语法简洁且直观。...
前端自动化测试框架源代码CYPRESS
08-10
在众多测试框架中，Cypress以其独特的特性和高效性脱颖而出，成为了后Selenium时代的重要选择之一。Cypress与TestCafe、Puppeteer并称为前端自动化测试的“三驾马车”，其源代码的分析对于深入理解测试原理和技术...
端到端测试神器 cypress 浅入浅出
weixin_33958366的博客
07-16 1666
我之前写过关于cypress的文章，https://segmentfault.com/a/11...，最近在工作中用到cypress比较多了，顿时觉得cypress确实是比较优秀的一个。 1. 软件安装. 2. 安装cypress 安装cypress客户端：http://download.cypress.io/de... 安装vsco...
Cypress系列（33）- hash() 命令详解
qq_33801641的博客
06-17 239
如果想从头学起Cypress，可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html 作用　　 获取页面当前的 url 的哈希值 等价于cy.location('hash') 语法格式 cy.hash() cy.hash(options) options：只有 timeout 和 log，不再展...
Cypress(7）测试用例断言
猫的博客
01-11 722
cypress
前端自动化测试框架Cypress（二十二）--- 断言.should() expect()
孩儿她们爹的博客
07-02 2971
.should() 创建断言。断言会自动重试，直到它们通过或超时。 语法 .should(chainers) .should(chainers, value) .should(chainers, method, value) .should(callbackFn) 实例一 cy.get('.error').should('be.empty') // Assert that '.error' is empty cy.contains('Login').should('b
cypress 断言--should
Alisa_wu666的博客
08-13 3000
should 创建一个断言。断言将自动重试，直到它们通过或超时。 An alias of.and() 注意：.should()假设您已经熟悉断言之类的核心概念 句法 用法 .should(chainers) .should(chainers, value) .should(chainers, method, value) .should(callbackFn) 正确用法 cy.get('.error').should('be.empty') ...
Cypress UI 自动化测试框架
热门推荐
weixin_39355233的博客
03-03 1万+
cypress简单介绍 Cypress 是基于 JavaScript 的前端测试工具，它是自集成的，提供了一套完整的端到端测试，无须借助其他外部工具，安装后即可快速地创建、编写、运行测试用例，可以对浏览器中运行的任何内容进行快速、简单、可靠的测试，且对每一步操作都支持回看，不同于其他职能测试 UI 层的前端测试工具，Cypress 允许编写所有类型的测试，覆盖了测试金字塔模型的所有测试类型【界面测试，集成测试，单元测试】。 相对于selenium，cypress在元素定位，文件上传，运行速度，调试等
Cypress Exist存在操作判断
f20052604的专栏
06-08 4391
场景描述：在跑case之前，有的时候需要在 beforeTest 中来执行一些预操作，比如：清理环境，数据这些。 例：在下单的场景中，我们需要清除历史的下单记录，在跑case之前，我们会去校验用户的账户下是否有已经下过的订单，如果有则点击取消订单。 clearDatas() { cy.wait(1500); this.OrderTable .then(($ele)=>{ if($ele.find('button:contains("Canc
cypress-.should()断言使用
qq_28193905的博客
02-06 858
根据title()断言: ‘eq’ -----> 断言标题是否是‘test’ cy.title().should(‘eq’,‘test’) ‘include’ -----> 断言标题是否包含‘test’ cy.title().should(‘include’,‘test’) 获取元素value值断言 cy.get(’.s_ipt’).should(‘have.value’,‘test’) ...
Cypress常用操作
sinat_39364174的博客
07-15 1401
describe('Post Resource', function() { it('Creating a New Post', function() { cy.visit('/posts/new') //访问/posts/new页面 cy.get('input.post-title') //找到类为：post-title的输入框 cy.contains('Submit') .click() //找到包含文本：Submit的元素并点击 cy.url() .should('inclu...
Cypress自动化测试详解与实战
它内建了Mocha测试框架，用于组织和执行测试用例，Chai作为断言库来验证预期结果，同时还支持mock和stub功能，简化了对后端服务的依赖。而Selenium，尽管是广泛使用的自动化测试工具，但它的运行方式是在浏览器外部...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小菠萝测试笔记

来支持下测试小锅锅

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值