在Mac电脑上安装Cypress可通过以下三种方式完成,具体步骤如下:
一、通过npm安装(推荐用于已有Node.js项目的场景)- 打开终端,进入项目根目录:cd /your/project/path
- 执行安装命令:npm install cypress --save-dev
此命令会将Cypress作为开发依赖安装到项目中,并在node_modules目录下生成可执行文件。
安装完成后,可通过以下命令启动Cypress:
npx cypress open
图:Cypress官网安装指引界面二、通过Yarn安装(适用于使用Yarn包管理器的项目)- 进入项目目录:cd /your/project/path
- 执行安装命令:yarn add cypress --dev
安装完成后,同样通过npx cypress open启动测试界面。
三、直接下载安装包(适合快速体验或独立使用)访问下载页面:在浏览器中打开
Cypress直接下载地址
,下载.zip压缩包。解压并安装:
解压后得到Cypress.app文件。
将应用拖拽至Mac的Applications文件夹完成安装。
启动应用:
双击Cypress.app图标打开程序,界面将显示项目配置向导。
图:Cypress应用启动界面安装后初始化项目(以GUI操作为例)- 打开Cypress.app,点击Add Projects按钮。
- 选择测试类型:点击E2E Testing开始配置端到端测试。
- 配置浏览器:从列表中选择已安装的浏览器(如Chrome、Safari)。
- 创建测试文件:选择Create new empty spec生成空白测试脚本,点击Start E2E Testing运行。
图:测试配置界面示例验证安装结果- 文件结构检查:在项目根目录下应生成cypress文件夹,包含e2e(测试脚本)、fixtures(测试数据)和support(辅助代码)等子目录。
- 运行测试:通过终端执行npx cypress run(无头模式)或npx cypress open(交互模式)启动测试,观察浏览器是否自动打开并执行示例脚本。
图:Cypress自动生成的项目文件注意事项通过上述任一方式安装后,即可开始编写基于JavaScript的浏览器端到端测试脚本。