当前位置: 首页 > news >正文

比selenium体验更好的ui自动化测试工具: cypress介绍

话说 Cypress is a next generation front end testing tool built for the modern web. And Cypress can test anything that runs in a browser.Cypress consists of a free, open source, locally installed Test Runner and a Dashboard Service for recording your tests.

在这里插入图片描述

吹的挺好哈,那咱也来尝试玩玩,试试,哈哈!

1、在Windows 7以上的环境中,可以直接下载压缩包后,解压使用。

解压后:

在这里插入图片描述

2、Cypress.exe便是该框架的主运行程序,双击 打开–>运行:

在这里插入图片描述

3、如我已经提前新建好一个自己的Web UI测试项目 文件夹,命名为“CypressTestPro”,选择此文件夹:
在这里插入图片描述4、选择后,选择 “get got it” 便可以看到很多示例的写好的js文件:
在这里插入图片描述 

5、点击任意一个,即可运行:
在这里插入图片描述

6、可将以上示例js文件删除,也可以自己按照Cypress的语法,也即示例的js建造自己的第一个前端测试Web UI 自动化程序,如个人新建
在这里插入图片描述
里面包含文件:

在这里插入图片描述

7、切换至Cypress运行界面,便可看到对应变化:
在这里插入图片描述 

8、双击运行此sample_spec.js便完成自己的第一个Web UI 使用Cypress的测试程序:(备注:一定要找对应的前端开发人员,去掉输入验证码的验证)
在这里插入图片描述

9、附带上sample_spec.js 的代码片段为:

View Code

 1 //describe('My First Test', function() { 2 //  it('Does not do much!', function() { 3 //    expect(true).to.equal(true) 4 //  }) 5 //}) 6 7 describe('Cypress Web UI自动化登录实践Test', function () { 8     it('SOAM', function () { 9         cy.visit("http://10.12.2.137:3000");10         cy.contains('用户名')11         cy.get('.box').within(() => {12           cy.get('input#username').should('have.attr', 'placeholder', '请输入账号或是用户名')13           cy.get('input#password').should('have.attr', 'placeholder', '请输入密码')14           cy.get('input#captcha').should('have.attr', 'placeholder', '请输入验证码')15         })16         cy.contains('密码')17         cy.contains('验证码')18         cy.contains('移动端APP下载')19 20         //cy.url().should('include', '/portal/monitor/data')21        cy.get('input#username')22              .type('1005')23              .should('have.value', '1005')24         cy.get('input#password')25              .type('1')26              .should('have.value', '1')27 28         cy.get('#log').click();29 30     })31 })

10、小技巧:修改

在这里插入图片描述

此项目中的cypress.json文件,可以改变针对该测试项目的基础配置

如原始cypress.json打开为:【{}】,即内容为空;

将大括号内写入如下代码,标识 设置展示的屏幕宽窄为 1920 * 1080像素,若是其它手机屏幕之类,也可对应进行设置,查看效果。

1 {2   "viewportWidth": 1920,3   "viewportHeight": 10804 }

 


          【下面是我整理的2023年最全的软件测试工程师学习知识架构体系图】


一、Python编程入门到精通


二、接口自动化项目实战  

三、Web自动化项目实战


四、App自动化项目实战 

五、一线大厂简历


六、测试开发DevOps体系 

七、常用自动化测试工具


八、JMeter性能测试 

九、总结(尾部小惊喜)

生命不息,奋斗不止。每一份努力都不会被辜负,只要坚持不懈,终究会有回报。珍惜时间,追求梦想。不忘初心,砥砺前行。你的未来,由你掌握!

生命短暂,时间宝贵,我们无法预知未来会发生什么,但我们可以掌握当下。珍惜每一天,努力奋斗,让自己变得更加强大和优秀。坚定信念,执着追求,成功终将属于你!

只有不断地挑战自己,才能不断地超越自己。坚持追求梦想,勇敢前行,你就会发现奋斗的过程是如此美好而值得。相信自己,你一定可以做到!

http://www.lryc.cn/news/95283.html

相关文章:

  • Python编译过程和执行原理
  • opencv 图像距离变换 distanceTransform
  • 消息队列——rabbitmq的不同工作模式
  • QT实现用户登录注册功能
  • Docker--harbor私有仓库部署与管理
  • idea复制一份web服务在不同端口启动
  • CRM系统化整合从N-1做减法实践 | 京东物流技术团队
  • STM32CUBUMX配置RS485(中断接收)--保姆级教程
  • 苹果iOS 16.6 RC发布:或为iPhone X/8系列养老版本
  • 【100天精通python】Day16:python 模块的搜索目录和导入模块异常时的处理方法
  • SOC FPGA介绍及开发设计流程
  • MySQL vs. Oracle: 函数比较与联系
  • 【Django学习】(十五)API接口文档平台_项目流程分析_日志器_认证_授权
  • 经营简报及考核360表格
  • Spring Security 构建基于 JWT 的登录认证
  • PyTorch从零开始实现Transformer
  • 运动蓝牙耳机什么牌子的好用、最好用的运动蓝牙耳机推荐
  • HTTP、HTTPS协议详解
  • 【算法与数据结构】222、LeetCode完全二叉树的节点个数
  • 登录和注册表单的11个HTML最佳实践
  • Mysql删除历史数据
  • Python—数据结构(一)
  • 离线环境安装flask依赖包
  • ChatGPT与Claude对比分析
  • 登录和注册页面 - 验证码功能的实现
  • HDFS的文件块大小(重点)
  • 深度学习(二)
  • 无涯教程-jQuery - wrapInner( html )方法函数
  • 【unity之IMGUI实践】单例模式管理数据存储【二】
  • 【C++】开源:Linux端ALSA音频处理库