cypress自动化-编写第一个测试用例

初识cypress,想用它来简单些一个自动化测,编写一个自动化测试步骤大致为:

  1. 访问网站
  2. 进行一系列操作
  3. 断言结果

用例设计

现设计一个用例如下:

  1. 访问csdn个人中心
  2. 查看cypress分栏下显示的文章数是否正确(通过访问该分栏获得文章数来进行验证)

编写代码

  1. integration下新建文件test.js
    代码如下:
describe('test the csdn',()=>{
	it('the article num',()=>{
		cy.visit('https://blog.csdn.net/z917185537')
		cy.get(':nth-child(1) > .special-column-num').then(($num)=>{
		const num=parseInt($num.text()) //获取文章数
		cy.get('.user-special-column > .aside-common-box-bottom > .aside-common-box-content > ul > :nth-child(1)>a')
		.invoke('removeAttr', 'target') //当前页面打开而不用新窗口打开
		.click()  //打开cypress专栏页面
		cy.get(':nth-child(2) > .mumber-color').should('have.text',num)  //获取文章数并断言是否和之前的一样
		})		
	})
})
  1. 如果已打开cypress,代码编写完成保存后,就会自动执行,执行结果如下
    在这里插入图片描述
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值