Cypress - 断言

最新推荐文章于 2024-05-17 18:10:15 发布
最新推荐文章于 2024-05-17 18:10:15 发布
阅读量123 收藏 1
点赞数
分类专栏： 自动化测试 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40646872/article/details/133485140
版权
本文介绍了 Cypress 中的断言，包括 BDD 和 TDD 格式的断言使用，如 `expect`、`should`、`assert`。还列举了常见的元素断言，如长度、类、文本内容、可见性、存在性和状态，并提供了自定义断言函数的示例。
摘要由CSDN通过智能技术生成

前言

  • 断言是测试用例的必要组成部分
  • 没有断言，咱们就不知道测试用例的有效性，到底通过没通过
  • 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）


                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  数据搜集者
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
                
  • 
                  
                    打赏
                    
                  
                  
    打赏
    
                
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Cypress(7）测试用例断言

				
			

			

				

					猫的博客
				

				

					01-11
					
					698
					
				

			

		

		

			
				
cypress

			
		

	



                

              
                



	

		

			

				
					
Cypress-简介

				
			

			

				

					泓宇技术总结
				

				

					08-24
					
					616
					
				

			

		

		

			
				
一：Cypress简介

随便着Web应用项目的不断发展，测试也要不断发展，Cypress是为现代网络打造的，基于JavaScript语言的一种前端自动化测试工具，测试也是如此，对浏览器中运行的所有内容进行快速，轻松和可靠的测试。

Cypress是自集成的，它提供了一套完整的端到端的测试体验，正如官网上所说：










	安装Cypress很简单,无需依赖项,无需额外下载或更改代码。
	
	
	轻松，快速地编写测试，并在构建Web应用程序时观察它们的实时执行。
	
	
...

			
		

	



                


  
              

                


	

		

			

				
					
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断言篇

				
			

			

				

					冰点契约的博客
				

				

					11-21
					
					192
					
				

			

		

		

			
				
Cypress断言篇

			
		

	



		

			
		



	

		

			

				
					
cypress断言

					
最新发布

				
			

			

				

					qq_33594579的博客
				

				

					05-17
					
					432
					
				

			

		

		

			
				
Cypress的断言基于当下流行的Chai断言库，其支持多种风格的断言，包括BDD(expect/should)和TDD(assert)形式的断言。cy.get(‘a’).should(‘not.contain’,’click me’)，如果是url命令，则使用。.should(‘exist’)或者.should(‘not.exist’)更多断言库及其用法，可参考网上搜索关于BDD和TDD断言的说明。//断言teztarea的值为“itesting”//断言completed这个类有匹配的css。

			
		

	





	

		

			

				
					
自动化测试框架[Cypress最佳实践]

				
			

			

				

					Davieyang.D.Y
				

				

					01-28
					
					1万+
					
				

			

		

		

			
				
Cypress使用技巧及相关代码示例

			
		

	





	

		

			

				
					
Cypress笔记--显式断言详解

				
			

			

				

					seanyang_的博客
				

				

					12-28
					
					269
					
				

			

		

		

			
				
官方：https://example.cypress.io/commands/assertions。

			
		

	





	

		

			

				
					
cypress-jest-adapter:向赛普拉斯的Expect命令添加笑话断言样式

				
			

			

				

					04-29
				

			

		

		

			
				
赛普拉斯的开玩笑断言cypress-jest-adapter使用jest断言样式向Cypress Expect命令提供了一组自定义断言允许使用玩笑风格的命令进行断言： expect ( 1 ) . toEqual ( 1 ) 除了柴的断言风格expect ( 1 ) . to . be . ...

			
		

	





	

		

			

				
					
cypress-scroll-position-assertions:赛普拉斯断言演示页面滚动位置偏移

				
			

			

				

					04-28
				

			

		

		

			
				
要求节点12 纱线1.x或npm设置克隆存储库运行yarn或npm install将安装所有必需的依赖项。npm脚本等效的npm run [removed]也应该起作用yarn dev将运行dev服务器（ src文件的静态文件服务器） yarn cy:open将运行...

			
		

	





	

		

			

				
					
cypress-vue-unit-test：在Cypress.io E2E测试运行器中对Vue组件进行单元测试的小帮手

				
			

			

				

					02-06
				

			

		

		

			
				
它通过提供一种方法来加载和渲染Vue组件，同时使用Cypress的断言库来验证组件的行为。这使得开发者可以利用Cypress的强大功能，如自动等待和模拟用户交互，来测试Vue组件的复杂逻辑。  使用cypress-vue-unit-test时...

			
		

	





	

		

			

				
					
Cypress-auto

				
			

			

				

					03-05
				

			

		

		

			
				
3. **强大的断言库**：Cypress提供了丰富的断言方法，可以方便地检查页面元素的状态。 4. **异步测试支持**：Cypress能够理解异步操作，如网络请求，无需使用`done()`回调或`async/await`。 5. **集成开发环境**：...

			
		

	





	

		

			

				
					
cypress-demo

				
			

			

				

					05-16
				

			

		

		

			
				
此外，Cypress提供了强大的DOM操作和断言库，使得编写测试代码更加简便。它还支持模拟用户交互，如点击、输入和导航，这些在端到端测试中尤其重要。  在【标签】中提到了"JavaScript"，这意味着Cypress测试是基于...

			
		

	





	

		

			

				
					
解决：Uncaught (in promise) Error: Request failed with status code 400

				
			

			

				

					weixin_71403100的博客
				

				

					04-24
					
					7701
					
				

			

		

		

			
				
第二步：去组件中查看自定义回调函数内的参数是否书写正确，检查后发现，我接收的参数没有解构就直接使用了，导致参数异常！[object%20Object]--->👉可能是由于JavaScript对象未正确转换为字符串表示形式导致的。第一步：我先去检查了接口看书写是不是有问题，参数有没正常携带，检查了几遍发现接口书写的没问题。以下2张图片作为对比，上面是错误的，错误原因为：参数未解构就直接使用了。错误可能是由于请求参数不正确或者缺少必要参数导致的。在写项目的时候，获取三级联动的数据，一直报以下错误。

			
		

	





	

		

			

				
					
自动化测试框架[Cypress元素操作详解]

				
			

			

				

					Davieyang.D.Y
				

				

					01-07
					
					2万+
					
				

			

		

		

			
				
Cypress在对页面元素的操作上也便利了很多

			
		

	





	

		

			

				
					
Cypress系列（33）- hash() 命令详解

				
			

			

				

					qq_33801641的博客
				

				

					06-17
					
					213
					
				

			

		

		

			
				
如果想从头学起Cypress，可以看下面的系列文章哦
https://www.cnblogs.com/poloyy/category/1768839.html

作用　　

获取页面当前的 url 的哈希值
等价于cy.location('hash')


语法格式

cy.hash()
cy.hash(options)

options：只有 timeout 和 log，不再展...

			
		

	





	

		

			

				
					
前端自动化测试框架Cypress（二十二）--- 断言.should()  expect()

				
			

			

				

					孩儿她们爹的博客
				

				

					07-02
					
					2917
					
				

			

		

		

			
				
.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系列（12）- Cypress 编写和组织测试用例篇 之 断言

				
			

			

				

					qq_33801641的博客
				

				

					06-04
					
					1582
					
				

			

		

		

			
				
如果想从头学起Cypress，可以看下面的系列文章哦
https://www.cnblogs.com/poloyy/category/1768839.html

前言

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

			
		

	





	

		

			

				
					
Cypress初探（一）

					
热门推荐

				
			

			

				

					Ho_mj的专栏
				

				

					06-03
					
					3万+
					
				

			

		

		

			
				
Cypress初探（一）

    最近想学习下web ui测试框架，发现了比较好用的cypress，直接用js操作更方便更快。

一、开发环境

Cypress + nodejs (node之前已安装，直接官网下载安装即可)+ intellij idea

1. 安装cypress


cd pro...

			
		

	





	

		

			

				
					
cypress 断言--should

				
			

			

				

					Alisa_wu666的博客
				

				

					08-13
					
					2904
					
				

			

		

		

			
				
should


创建一个断言。断言将自动重试，直到它们通过或超时。


An alias of.and()



注意：.should()假设您已经熟悉断言之类的核心概念


句法

用法

.should(chainers)
.should(chainers, value)
.should(chainers, method, value)
.should(callbackFn)

正确用法


cy.get('.error').should('be.empty')                ...

			
		

	





	

		

			

				
					
cypress如何断言是否禁用

				
			

			

				

					06-02
				

			

		

		

			
				
在 Cypress 中，可以使用 `cy.get()` 命令来找到需要断言的元素，并使用 `.should()` 命令来断言元素是否被禁用。具体代码示例如下：  ```javascript cy.get('#my-button')  .should('be.disabled') ```  这个示例中...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
数据搜集者

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

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

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值