Cypress学习

一、Cypress安装

1、直接访问https://download.cypress.io/下载cypress

下载后解压双击则可使用Cypress，但是这种直接下载的方式无法运行Dashboard服务，直接下载仅用于快速尝试Cypress

2、通过npm方式安装

• 在cypress项目路径，检查node和npm是否已安装

    能正常显示版本号则已安装成功

    如果不能则自行安装node和npm

• 执行npm init命令生成package.json文件

在项目的根目录则会生成package.json文件

在项目根目录用npm install cypress --save-dev命令安装Cypress

避免安装失败，可以使用淘宝团队维护的cnpm作为npm客户端进行安装

这样cypress就安装好了

进入项目根目录，用yarn run cypress open即可打开cypress

打开后界面如下：

二、 E2E testing配置

点击E2E testing页签，进入E2E testing的配置页

直接点Continue，选择Edge浏览器，点击Start

这样就进入了cypress的dashboard页面

选择右边的create new spec直接continue即可。

这个是默认的一条测试数据，可以直接打开进入，然后选择Open in IDE,选择熟悉的IDE进行编辑代码

推荐用visual studio

在代码中改成自己实际的代码即可

改完后直接保存，在cypress的dashboard页面则可以看到测试用例正在被执行，并且显示执行结果

也可以直接配置cypress打开的方式，在package.json中设置cypress打开的方式如下：

这样直接可以通过yarn cypress:open打开cypress