今天是你不知道的Cypress系列(11) -- 使用cy.session()加速鉴权。
Cypress Studio提供了一种在测试运行程序中生成测试的可视化方法,通过记录与被测应用程序的交互。支持.click()、.type()、.check()、.uncheck()和.select()Cypress命令,这些命令将在与Cypress Studio内部的DOM交互时生成测试代码。
断言是自动化测试中比较繁琐的一个动作,特别是当你要检查的点比较多的时候。在以往的测试中,如果要检查页面元素是否符合我们期望,我们通常通过一个个的断言来进行。
在 jest 单元测试中使用快照、API-mock 和 DOM 样式状态断言已经能够实现基础的 UI 测试,但是单元测试属于白盒测试,更关注数据的流动,而端到端测试(End To End Test)属于黑盒测试,更关注操作结果的展示,因此测试效果自然不同。端到端测试更贴近真实用户操作,页面运行在真实的浏览器环境中,因此端到端测试是从用户角度出发的测试。
在 Cypress 安装目录下运行下面命令,所有测试用例若失败都会自动重试 2 次
Cypress是新一代前端测试框架,它基于node js。解决了开发人员和QA工程师在测试现代应用程序时面临的关键难点问题。 Cypress包含免费的、开源的、可本地安装的Test Runner 和 能够记录测试的控制面板服务。
关于TestRunner, 我想大家都已经非常熟悉了。在我的的书中也有其各个用法的专门介绍,这里不再赘述。
在写脚本的过程中,有时候会遇到一些问题需要慢慢调试找出原因,Cypress 提供了调试的方法,方便我们快速定位到问题
Cypress项目中官方写了很多demo,我们可以拿来做测试案例的。地址:https://github.com/cypress-io/cypress-example-recipes
我们写程序、写复杂的脚本时,如果遇到问题,经常需要打断点进行调式,而Cypress提供了很好的debug命令——debugger
https://www.cnblogs.com/poloyy/category/1768839.html
注意:仅在 Cypress.Commands.add() 中支持使用options,而在 Cypress.Commands.overwrite() 中不支持使用options
在 Cypress 下 click 是非常常用的指令,然而在一些特殊场景下 click 并不能如想象中那般正常工作。
1)安装node.js(https://nodejs.org/en/download/),根据版本选择32位或64位。
Cypress提供了一个很好的测试运行器, 它为你提供了一套可视化结构的测试和断言套件, 很快你也会看到命令, 页面事件, 网络请求等. 当你还没熟练掌握元素定位时,在运行器界面点开探测器,会自动帮我们定位好元素,甚至写好部分代码。
😏作者简介:博主是一位测试管理者,同时也是一名对外企业兼职讲师。 📡主页地址:【Austin_zhai】 🙆目的与景愿:旨在于能帮助更多的测试行业人员提升软硬技能,分享行业相关最新信息。 💎声明:博主日常工作较为繁忙,文章会不定期更新,各类行业或职场问题欢迎大家私信,有空必回。
cypress-file-upload插件使得文件上传测试变得简单。这个包添加了一个定制的Cypress命令,允许您对如何通过HTML控件上传文件进行抽象,并将重点放在测试用户工作流上。
前面已经说过Cypress是javascript语言写的,我这里使用pycharm编辑器和ST3进行编写js脚本。
我们知道Jquery作为前端经典框架,也有查询元素的功能,那么两者有啥相似和不同之处呢?
面试时间经常被问到:你的测试数据放哪?有没有做到测试数据和代码的分离? Cypress 使用cypress/fixture 目录存放 json 文件数据, cy.fixture() 加载测试数据。 官方文档参考https://docs.cypress.io/api/commands/fixture.html#Syntax
1.1、describe() -测试套件,测试套件里面可以设置context(),也可以嵌套测试套件describe(),context其实是describe()的别名
自动化测试是一种测试方法,是指使用特定的软件,去控制测试流程,并比较实际结果与预期结果之间的差异。通过将测试自动化,可以把人对软件的测试行为转化为由机器自动执行测试的行为,从而替代大量的手工测试操作,使得测试可以快速,反复的进行。
说起Cypress,读者朋友们应该对“下一代Web端自动化测试技术”,“弯道超车首选”等等早已烂熟于心了。Cypress独特的运行机制(运行在浏览器内)也使得它吊打Webdriver之类的UI自动化测试工具。但是Cypress并不是完美无瑕,我们在使用Cypress做自动化测试时,经常会提的一个问题就是,Cypress不支持跨域访问,而我的测试需要跨域怎么办?
自从Cypress出现后,Cypress就在吊打一切Web端测试框架。虽然Cypress这么优秀,但它也有一些妥协和倔强,除了第6节的多Tab外,还包括这么一条:
前面一节已经讲过访问百度的脚本,现在一个登录的UI自动化案例,以禅道为例(暂时不用公司网站,最近公司信息安全管控比较严格)。
在跟同学们的交流中,我也了解到, 原来除了国外优秀的公司(例如Adobe, 迪士尼,AutoDesk等等), 国内也有很多公司在尝试使用Cypress提升测试效率。
cypress 上默认访问一个跨域的网页会出现异常: Cypress detected a cross origin error happened on page load A cross origin error happens when your application navigates to a new URL which does not match the origin policy above. 之前使用 selenium 的时候,不用关心这种问题,a标签点击后会跳转到另外一个web页面,正常使用。 cypress上对web的安全性上考虑的更严格,对于跨域的链接会认为是不安全的,相关的资料查阅https://docs.cypress.io/guides/guides/web-security.html。
在简单看了cypress 官方文档后,就开始用上了,越用感觉越爽。 顺便提一句,官方文档太良心了,方方面面都讲到了,而且还有视频,可以切换语言。 下面就讲讲如何使用cypress搭建一个自动化框架。当然我还是初学者,市面上也没有太多的资料,都是入门级的,官方文档也只给你渔,不会提供鱼,自己折腾出来的,感觉像那么回事。
Cypress含有多种定位方式我们无需担心因为定位导致测试失败,Cypress有独一无二的定位策略能使你摆脱元素定位的噩梦。
/// <reference types="cypress" /> context('Connectors', () => { before('测试数据初始化', ()=>{ // 文件路径根目录为 cypress/fixtures 文件夹,所以文件路径是填写以 cypress/fixtures 为根目录的相对路径 cy.fixture('./3-testingpai-data/login-data').as("loginData") }) //
元素定位可以说是UI自动化测试的基础,没有元素定位,UI自动化就无从谈起。一般来说,一个好的定位器应该有如下4个属性:
2.在项目的cypress->integration目录下新建login.spec.js文件,输入以下代码
在页面上点击输入框时,可以用 cy.focused() 判断当前元素是不是聚焦元素。 屏幕截图,这是web自动化经常用到的功能,可以用cy.screenshot()实现
PageObject(页面对象)模式是自动化测试中的一个最佳实践,相信很多小伙伴都知道的
如果你的程序有数百行代码,但封装得很好,完美的践行了模块化的理念。每个模块功能单一、代码少,也可以不用写测试。
Cypress 是一个前端自动化测试工具,专门为现代 web 应用设计。它不仅可以用来做自动化测试,还能处理各种自动化操作,比如模拟用户行为、填写表单、点击按钮等。Cypress 提供了一套丰富的 API,可以轻松地与网页元素交互,执行断言,并监控应用的行为。
领取专属 10元无门槛券
手把手带您无忧上云