cypress macos
时间: 2025-04-05 17:09:08 浏览: 17
### 安装和使用 Cypress 测试工具
#### 1. 安装 Node.js 和 npm
为了运行 Cypress,首先需要安装 Node.js 和 npm。可以通过以下命令来验证是否已安装:
```bash
node -v && npm -v
```
如果未安装,则可以从官方站点下载并安装最新版本的 Node.js[^5]。
#### 2. 创建项目目录
创建一个新的文件夹用于存储您的 Cypress 测试项目,并进入该文件夹:
```bash
mkdir my-cypress-project
cd my-cypress-project
```
#### 3. 初始化项目
初始化一个新项目以便管理依赖项:
```bash
npm init -y
```
这会生成 `package.json` 文件。
#### 4. 安装 Cypress
通过 npm 或 yarn 来全局或者局部安装 Cypress:
```bash
npm install cypress --save-dev
```
对于 Yarn 用户可以执行如下操作以更改默认源从而加速包获取速度[^4]:
```bash
yarn config set registry https://registry.npm.taobao.org
yarn add cypress --dev
```
#### 5. 打开 Cypress 测试运行器
完成安装后,可通过以下方式打开 Cypress 的图形界面测试运行器:
```bash
npx cypress open
```
此命令将会启动 Cypress 并展示可用的集成测试环境选项[^2]。
#### 6. 编写第一个测试案例
在项目的根目录下找到 `cypress/integration/` 文件夹,在其中新建一个 `.spec.js` 文件作为测试脚本。例如:
```javascript
describe('My First Test', () => {
it('Visits the Kitchen Sink', () => {
cy.visit('https://example.cypress.io')
cy.contains('type').click()
// Should be on a new URL which includes '/commands/actions'
cy.url().should('include', '/commands/actions')
// Get an input, type into it and verify the value has been updated
cy.get('.action-email')
.type('[email protected]')
.should('have.value', '[email protected]')
})
})
```
保存上述代码到指定位置之后再次运行 `npx cypress open` 即可看到刚才定义好的测试用例被加载出来并且能够被执行。
#### 7. 配置 Cypress
有时可能需要自定义 Cypress 行为,比如设置视频录制功能关闭等参数。此时可以在项目根路径新增加名为 `cypress.json` 的 JSON 格式的配置文档[^1]:
```json
{
"video": false,
"defaultCommandTimeout": 10000
}
```
以上就是如何在 macOS 上安装以及基本使用的指南。
阅读全文
相关推荐


















