e2e测试框架之Cypress

谈起web自动化测试，大家首先想到的是Selenium！随着近几年前端技术的发展，出现了不少前端测试框架，这些测试框架大多并不依赖于Selenium，这一点跟后端测试框架有很大不同，如Robot Framework做Web自动化测试本质上还是使用的Selenium，包括各语言的xUnit单元测试框架。

多吧！这还只是一部分呢？你以为这些都是不知名的小项目？错了！

我特地把Selenium加了进来，其中mocha和jtest在Github上的stats是多于Selenium的，剩下的其它项目也都不弱。

本文要介绍的是Cypress测试框架! why? 因为人家的文档都是带视频的。

看一下人家官方的文档，像这样的视频还有好几段，简直是对新手的宠爱。

看到这么好的教程，不学一学感觉都对不起人家，是的！这就是我选择了解一下Cypress的原因。

###官网：

https://docs.cypress.io

The web has evolved. Finally, testing has too.

Web已经进化了，最后，测试也有。

这类测试框架统称为e2e测试，即end to end（端到端）测试。理论上前端页面由前端框架来测试确实更为合适。这几天我在搭建UI自动化测试框架，顺便封装了一些元素定位，随着对前端技术的了解，我几乎将所有元素定位都换成了CSS，配合JS处理一些Selenium很难操作的元素，确实效率提高了很多，页面元素也没那么难操作了，包括学了点Jenkins的配置，当然，这个话题会放到下一次来分享。

###安装：

安装很简单，首先你要安装node.js。

创建cypress_sample练习目录：

> mkdir cypress_sample
> cd cypress_sample

安装cypress：

cypress_sample > npm install cypress --save-dev

启动cypress：

cypress_sample > ./node_modules/.bin/cypress open

第一次启动Cypress，它已经为我们准备了丰富的例子。

通过vs code 打开cypress_sample项目。

在examples/目录下面创建baidu.spec.js文件，代码如下：

describe('My First Test', function () {
it('Does not do much!', function () {
cy.visit("https://www.baidu.com")
cy.get("#kw", {timeout: 2000}).type("cypress test")
cy.wait(100)
cy.get("#su", { timeout: 2000 }).click()
})
})

上上图，找到在Tests列表中找到 baidu.spec.js文件，点击运行。

在VS code 中编辑保存脚本后，上图的窗口会自动执行，速度上比selenium快多了，Selenium启动浏览器怎么着也得3~5秒吧，上面的脚本不到2秒就跑完了，元素定位主要以CSS为主，这其实不是问题，CSS本来就很强大的说。

也许，这是未来前端测试的方向，至少对于前端人员来说，快速验证界面功能，我想不到有什么理由不选择它，而是Selenium。当然，对于测试人员，脚本的可维护性，报告的生成，以及与持续集成的结合都有一整套成熟的方案。对于Cypress来说（其它前端测试框架不了解），整合能力还不够强，可能JavaScript也是一个门槛。毕竟，这两年，大家刚学会Python。

最后：

为了助力软件测试员朋友们跳槽面试、升职加薪、职业困境，提高自己的技术，本文给大家整了一套涵盖测试所有技术栈的快速学习方法和笔记。目前已经收到了上百人网友的反馈，说是面试问到了很多这里面的知识点。

内容包含了：测试理论、Linux基础、MySQL基础、Web测试、接口测试、App测试、管理工具、Python基础、Selenium相关、性能测试、LordRunner相关等，希望能帮助到有心在技术这条道路上一路走到黑的朋友！

通过大数据总结发现，其实软件测试岗的面试都是差不多的。常问的有下面这几块知识点：

测试理论（测试基础+需求分析+测试模型+测试计划+测试策略+测试案例等等）
Linux（ Linux基础+Linux练习题）
MySQL（基础知识+查询练习+万年学生表经典面试题汇总+数据库企业真题）
Web测试
API测试
App测试
管理工具
Python基础（Python基础+编程题+集合+函数+Python特性等等）
Selenium相关
性能测试
LordRunner相关
计算机网络
组成原理
数据结构与算法
逻辑题
人力资源
一、软件测试基础
软件测试的步骤是什么?
如何录制测试脚本?
应该考虑进行如何测试的测试方法
怎样估计测试工作量?
测试设计的问题
当测试过程发生错误时，有哪几种解决办法?
测试执行的问题
测试评估的目标
如何提高测试?
C/S模式的优点和缺点
B/S模式的优点和缺点
…

二、Linux
grep和find的区别? grep 都有哪些用法?
查看IP地址?
创建和删除一个多级目录?
在当前用户家目录中查找haha.txt文件?
如何查询出tomcat的进程并杀掉这个进程，写出linux命令?
动态查看日志文件?
查看系統硬盘空间的命令?
查看当前机器listen 的所有端口?
…

三、Python
统计python源代码文件中代码行数，去除注释，空行，进行输出?
python调用cmd并返回结果?
冒泡排序
1,2,3,4 这4个数字，能组成多少个互不相同的且无重复的三位数，都是多少?
请用 python 打印出 10000 以内的对称数（对称数特点：数字左右对称，如：1,2,11,121,1221 等）
给定一个整数 N，和一个 0-9 的数 K，要求返回 0-N 中数字 K 出现的次数
判断 101-200 之间有多少个素数，并输出所有的素数
一个输入三角形的函数，输入后输出是否能组成三角形，三角形类型，请用等价类- 划分法设计测试用例
…

四、MySQL
你用的Mysql是哪个引擎，各引擎之间有什么区别?
如何对查询命令进行优化?
数据库的优化?
Sql注入是如何产“生的，如何防止?
NoSQL和关系数据库的区别?
MySQL与MongoDB本质之间最基本的差别是什么
Mysql数据库中怎么实现分页?
Mysql数据库的操作?
优化数据库?提高数据库的性能?
什么是数据的完整性?
…

五、Web

Web测试和app测试区别？
WEB测试环境搭建和测试方法
WEB测试教程
WEB测试要点及基本方法
Web测试页面总结
…

六、接口测试
什么是接口
如果模块请求http改为了https,测试方案应该如何制定，修改?
常用HTTP 协议调试代理I具有什么?详细说明抓取HTTPS协议的设置过程?
描述TCP/IP协议的层次结构，以及每一-层中重要协议
jmeter,一个接口的响应结果如下:
接口产生的垃圾数据如何清理
依赖第三方的接口如何处理
测试的数据你放在哪?
什么是数据驱动，如何参数化?
…

七、性能测试
你认为性能测试的目的是什么?做好性能测试的工作的关键是什么?
服务端性能分析都从哪些角度来进行?
如何理解压力测试，负裁测试以及性能测试?
如何判断是否有内存泄漏及关注的指标?
描述软件产“生内存泄露的原因以及检查方式。(可以结合- 种开发语言进行描述)
简述什么是值传递，什么是地址传递，两者区别是什么?
什么是系统瓶颈?
…

八、selenium
如何开展自动化测试框架的构建?
如何设计自动化测试用例:
webdriver如何开启和退出一个浏览器?
什么是自动化测试框架?
Selenium是什么，流行的版本有哪些?
你如何从命令行启动Selenium RC?
在我的机器端口4444不是免费的。我怎样才能使用另一个端口?
什么是Selenium Server,它与Selenium Hub有什么不同?
你如何从Selenium连接到数据库?
你如何验证多个页面上存在的一个对象?
XPath中使用单斜杠和双斜杠有什么区别?
如何编写SeleniumIDE/ RC的用户扩展?
如何在页面加载成功后验证元素的存在?
你对Selenium Grid有什么了解?它提供了什么功能?
如何从你的Java Class启动Selenium服务器?
Selenium中有哪些验证点?
什么是XPath?什么时候应该在Selenium中使用XPath?
…

九、计算机与网络
一台计算机的IP是192.168.10.71子网掩码255.255.255.64与192.168.10.201 …
请简述DNS、活动目录、域的概念。
10M兆宽带是什么意思?理论下载速度是多少?
什么是IP地址?
OSI七层网络模型的划分?
TCP和UDP有什么不同?
HTTP属于哪一层的协议?
HTTP和HTTPS的区别?
cookies和session的区别?
HTTP的get请求和post请求的区别?
HTTP1.0和HTTP1.1有什么区别
TCP的连接建立过程，以及断开过程?
客户端使用DHCP获取IP的过程?
写出某个网段的网络地址和广播地址?
…

十、人力资源
你的测试职业发展是什么？你自认为做测试的优势在哪里？
你找工作时，最重要的考虑因素为何？
为什么我们应该录取你？
请谈谈你个人的最大特色。
一个测试工程师应具备那些素质和技能？
还有问一下你是怎样保证软件质量的，也就是说你觉得怎样才能最大限度地保证软件质量？
为什么选择测试这行？
如果我雇用你，你能给部门带来什么贡献？
…