Cypress起步

进行cypress的第一个实践

一、安装

1. 项目内安装（推荐）

$ cd your/project/path

$ npm install cypress --save-dev

------------- or ---------------

$ yarn add cypress --dev 

执行以下命令以打开cypress客户端

$ ./node_modules/.bin/cypress open

-------------- or ----------------

$(npm bin)/cypress open

-------------- or ----------------

$ npx cypress open

-------------- or ----------------

$ yarn run cypress open

2. 直接下载

访问Cypress官网直接下载不依赖项目的cypress客户端，直接下载将无法使用CLI命令功能；

下载安装完成之后可直接运行打开客户端；

二、编写你的第一个测试

在安装完成后，项目根目录会多出一个cypress文件夹，这是cypress的默认配置目录。

项目目录

我们在./cypress/integration/examples下新建一个test.spec.js文件

// test.spec.js

describe('My First Test', function() {
  it('Does not do much!', function() {
    expect(true).to.equal(false)
  })
})

然后在cypress的面板点击运行

然后会自动弹出一个测试专用的chrome窗口。

至此，我们成功创建并运行了第一个自动化测试案例，该案例执行了true等于false，测试不通过。

三、执行真实的测试

我们推荐您访问cypress的官方文档去查看相关指南以及API，或者访问官方测试实例来进行深造。