2 Cypress 安装
2.1 安装要求
2.1.1 系统要求
在操作系统满足以下要求时,才能进行安装,具体要求如下所示:
- MacOS 10.9+(仅支持64位版本)
- Linux Ubuntu 12.04+、Fedora 21和 Debian (支持64位版本)
- Windows 7+(仅支持64位版本)
2.1.1 组件要求
如果使用npm安装,则要求如下所示:
- Node.js 12 或 14 以上版本
其他系统的安装所需要的组件,可查问官网:https://docs.cypress.io/guides/getting-started/installing-cypress#System-requirements
2.2 安装
Cypress 支持npm、yarn和直接下载,我们以Windows为例来简单介绍一下。
2.2.1 npm 安装
在使用npm安装Cypress时,需要先安装Node.js、设置环境变量等。此处跳过,可以自行网络搜索。Cypress安装步骤如下所示:
- 1.创建并切换至Cypress工程文件夹
cd /d C:\Users\Surpass\Documents\CypressProjects
- 2、执行以下安装命令
C:\Users\Surpass\Documents\CypressProjects> npm install cypress --save-dev
added 165 packages in 7s
npm notice
npm notice New minor version of npm available! 8.5.5 -> 8.6.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.6.0
npm notice Run npm install -g [email protected] to update!
npm notice
2.2.2 离线安装
当自己电脑没有安装Node.js时,想快速体验Cypress,可以到官网直接下载即可。其下载地址如下所示:
https://download.cypress.io/desktop
直接下载的安装包,可能无法使用Dashboard,仅用于快速尝鲜使用。如果要使用Dashboard功能,依然使用npm安装其依赖项。
在下载完成后,解压压缩包双击即可运行Cypress。
2.3 使用
2.3.1 打开Cypress
如果使用npm安装,则按以下操作即可。
- 1.切换至Cypress的node_modules.bin目录
- 2.执行以下命令
C:\Users\Surpass\Documents\CypressProjects> node_modules/.bin/cypress open
或
C:\Users\Surpass\Documents\CypressProjects> npx cypress open
成功打开Cypress界面后,如下所示:
2.3.2 Cypress设置
2.3.2.1 切换浏览器
在运行测试程序的时候,Cypress会在用户电脑中尝试寻找所有能兼容的浏览器,同时也允许用户自行选择浏览器,如下所示:
2.3.2.2 添加npm脚本
Cypress除了前面两种打开方式以外,还允许配置package.json文件中script字段,来自定义打开方式。如下所示:
{
"devDependencies": {
"cypress": "^9.5.4"
},
"scripts":{
"cyo":"cypress open"
}
}
package.json一般在安装完成后位于安装目录的根目录,如果没有,可以自己创建。
配置完成后,可以使用以下命令进行打开:
C:\Users\Surpass\Documents\CypressProjects> npm run cyo
原文地址:https://www.jianshu.com/p/55dec7645b9e
本文同步在微信订阅号上发布,如各位小伙伴们喜欢我的文章,也可以关注我的微信订阅号:woaitest,或扫描下面的二维码添加关注: