![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Cypress自动化测试
文章平均质量分 84
Cypress自动化测试
把苹果咬哭的测试笔记
喜欢分享软件测试、开发相关的各种知识。
展开
-
【cypress】1. 什么是cypress,为什么要用它?
cypress现在可谓是越来越火爆了,github上已经30.2K star了。作为一名曾使用selenium做web自动化的 测试人员,很想去一探究竟。 一、什么是cypress Cypress称自己是下一代的web前端测试工具,并且解决了开发和测试人员在测试当下应用程序时的关键痛点。 很多时候,cypress会被拿来与Selenium作比较,但是从根本上来说,这两个是不一样的东西,所以,cy...原创 2021-04-28 23:00:00 · 609 阅读 · 0 评论 -
【cypress】5. 测试本地web应用
在之前的cypress介绍里曾提到过,cypress虽然也可以测试部署好的应用,但是它最大的能力还是发挥在测试本地应用上。 本章主要内容就是关于如何测试本地web应用的概述: cypress与后台应用之间的关系。 如何配置cypress使其适合我们的应用 更好的绕过应用的身份验证机制 一、启动本地应用 在前面几章内容中,代码示例都是用的官方文档的网页进行测试的。那个环境相当于一个线上的生产环...原创 2021-05-03 22:57:00 · 272 阅读 · 0 评论 -
【cypress】2. 安装Cypress(windows系统),以及cypress open报错解决。
安装cypress。 一、操作系统 先确认下你的系统,是否在cypress支持范围之内: macOS 10.9 以上 (仅64-bit) Linux Ubuntu 12.04及以上版本,Fedora 21和Debian 8(仅64位) windows7 以上 二、安装依赖 1.node.js 如果使用npm来安装Cypress,需要Node.js 12 或者 14 以上。不知道啥是node....原创 2021-04-30 20:46:00 · 579 阅读 · 0 评论 -
【cypress】6. cypress的默认文件结构介绍
通过之前的一些介绍,已经大概其明白cypress是个啥,但是具体使用的细节点还有很多,需要一步步的去学习。 在安装好cypress之后,会生成一个默认项目,这个项目结构里的各个文件夹是干嘛使的呢? 一、fixtures 这个名称简直太熟悉了,pytest里我研究最多的就是关于fixtures的用法了。不过在cypress中,倒也没那么复杂了,主要是用来存放静态数据用的。这个位置 可以通过配置指定...原创 2021-05-05 22:19:00 · 234 阅读 · 0 评论 -
【cypress】4. 丰富的调试工具
Cypress附带了一系列调试工具来帮助我们弄明白测试的经过,利于我们更好的调试。 具体这些工具的能力都有啥? 回到每个命令的快照。 可以看到特殊的已发生的page events。 接收关于每个命令的额外输出。 在多个命令快照之间 向前/向后 步进。 暂停命令并迭代地逐步执行。 当找到隐藏的或者多个元素时,展示的更形象。 这里继续使用上一章的测试代码,来看下其中的一些具体操作。 descri...原创 2021-05-01 23:04:00 · 93 阅读 · 0 评论 -
【cypress】3. 编写第一个测试
当环境安装好了之后,就可以着手尝试第一个测试的编写了。 一、新建一个文件 在你的项目下的cypress/integration文件夹中创建一个新文件sample_spec.js,我这里直接在webstorm编辑器中创建。 创建好之后,打开cypress的应用,会看到Cypress Test Runner立即将新文件显示在集成测试列表中。Cypress会监视规格 文件的任何更改,并自动显示任何更改...原创 2021-05-01 16:21:00 · 156 阅读 · 0 评论