cypress测试脚本_前端自动化测试框架Cypress入门(三)

1d9544f9aae881cc4b75a2d52608962e.gif

  前 言  

前端自动化测试框架Cypress入门之测试用例组织与编写。

 模块 

我们在编写测试用例的时候都是基于以下几个模块

  • describle()

  • context()

  • it()

  • before()

  • beforeEach()

  • afterEach()

  • after()

  • only()

  • skip()

注:我们可以从之前两篇文章中看到,在编写测试脚本的时候必须要有describle()和it()。

describle():可以在里面设定context(),可以包括多个测试用例it(),也可以嵌套测试套件。

it():用于测试用例的描述

 钩子函数 

什么是钩子函数呢?我们先来看下有哪些是所谓的钩子函数,看完就明白了

  • before()

  • beforeEach()

  • afterEach()

  • after()

是不是感觉很眼熟,不错,用法跟testng注解用法相似。

46b5c54470f48c1a24fd2cc7c98cbdef.png 7d60664bb912f3003107a010e59652e4.png

 跳过某些测试套件或测试用例 

用法:skip()

  • describle.skip()

  • it.skip()

我们写了两个测试用例,第一个是打开Cypress演示网站,第二个是打开cnblogs,可以看出只运行了打开Cypress演示网站,并未打开cnblogs。代码见四,只需要把only()改为skip()即可

e9b84757383358f164cd20340288bb90.png

 包含某些测试套件或测试用例 

用法:only(),指定运行测试套件或测试用例

  • describle.only()

  • it.only()

我们写了两个测试用例,第一个是打开Cypress演示网站,第二个是打开cnblogs,可以看出只运行了打开cnblogs。

dc0a731ef6ab1b27b3d60cace7eb56d1.png 15cc8dd6c1367d7408aa10fc71327827.png

 断言 

我们来看下常用的断言有哪些,首先我们要知道的是,Cypress断言分为两种:隐式和显式

  • 隐式断言包括:should和and

  • 显式断言包括:expect和assert

1.断言长度length

97d6655fc0237f5bbadcceae38f52d24.png 81161174a64a1eb9917e58b855b1704f.png

2.断言类class

a39e061fa1f19452b9d5a278f8a68747.png 64c37e8538c2802001f71813bf689b30.png

3.断言值value

7246b1b74f81bd396d11cd91d26e912d.png 1cdced994656146684abb6b7d97f6f8d.png

4.断言文本内容

aedf867aeb1d84add1a64ba0bf17d902.png

5.断言元素是否可见

cfb689174b327a33d95f256c167c38c6.png

6.断言元素是否存在

5b457be90b03ef6c7cb55af07ccc7c5c.png

7.断言元素状态

a8192d8550f6d57838b28a7085597624.png 52bd122eaad8c3dd0419f98ac7b96a0b.png

8.断言CSS

c2f2fb03d248919c6ae1109fc5bb0881.png

9.断言回调函数

如果包含的断言不够,可以使用.should(cb)函数编写自己的复杂检查。向should()传递一个函数,其中包含任意数量的显式断言。回调函数将被重试,直到它传递所有显式断言或超时。

b8fcb6859f809b1104fdef9202ea90bf.png 256a53e2ba8e9c9869a232d160419d28.png

注:以上内容仅供参考

参考链接:https://example.cypress.io

往期推荐

  • 前端自动化测试框架Cypress入门

  • 前端自动化测试框架Cypress入门(二)

adfce932dab6f70b293485321ee1680a.png 9686dbd2a19aa7ec6e9a4f408a7e21e7.png adfce932dab6f70b293485321ee1680a.png

扫码关注我们

公众号 : 测试工程师成长之路

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值