【Cypress】cypress的首次安装使用

三种安装使用方式

1. npm install 方式安装
安装命令:npm install cypress --save-dev

在这里插入图片描述
Cypress现在已安装到安装目录的./node_modules目录中,其二进制可执行文件在./node_modules/.bin。

执行命令:./node_modules/.bin/cypress open

在这里插入图片描述

sypress主界面被打开
【Cypress】cypress的首次安装使用_第1张图片

添加npm脚本

可以通过添加npm脚本来避免每次都去写cypress可执行文件的完整路径。

1. 执行添加文件命令:touch package.json

在这里插入图片描述

2.在文件中增加内容

{
  "scripts": {
   "cypress:open": "cypress open"
  }
}

在这里插入图片描述

3. 在cypress目录下执行新的启动命令:npm run cypress:open

【Cypress】cypress的首次安装使用_第2张图片
此时cypress将被成功打开。

2. yarn 方式安装
安装命令:yarn add cypress --dev

在这里插入图片描述

3. 直接下载使用

如果不使用node或者想要快速尝试使用Cypress,可以直接下载安装包使用:https://download.cypress.io/desktop会自动检测平台,并将始终获取最新的可用版本,手动解压缩后双击即可使用。

尝试运行一下看看效果

右上角选个本地兼容的浏览器,点击“run all specs”,自带的一系列示例测试用例就开始执行了,可以查看效果。
【Cypress】cypress的首次安装使用_第3张图片
每个.js文件就是一个测试用例。
【Cypress】cypress的首次安装使用_第4张图片

你可能感兴趣的:(web自动化测试)