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