Web自动化测试工具系列-Cypress框架 (1)

一、初识Cypress

• Cypress 是基于JavaScript架构，为现代网络构建的下一代前端测试工具。可以对浏览器中运行的任何内容进行简单、快速、可靠的测试操作。
• Cypress 提供了一套完整的E2E(端到端)测试，无需借助其他外部工具，开箱即用。安装后即可快速地创建、编写、运行测试用例，支持对每一步操作进行回放功能。
• Cypress不同于Selenium框架，它的底层协议不是采用WebDriver。

二、搭建Cypress运行环境

• Cypress是基于JavaScript进行架构。系统必须得安装NodeJs运行环境。打开NodeJs中文网站: http://nodejs.cn/download/，根据自己操作系统进行下载对应版本。

NodeJS

• 安装NodeJs程序，配置系统环境变量(略：可以百度一下)。
• 设置npm的淘宝镜像源，命令如下：

npm config set registry https://registry.npm.taobao.org           

• 使用npm命令创建项目工程，命令如下：

npm init -y           

Cypress项目初始化

• 安装Cypress依赖，命令如下：

npm install cypress --save-dev           

安装Cypress依赖

• 打开Cypress

npx cypress open           

打开 Cypress

Cypress 运行

• 使用VSCode打开Cypress项目，截图如下：

VSCode

到此为止我们的Cypress运行环境就已经搭建完毕了，下节课我们写一个测试用例，来体验一下Cypress的魅力。