Cypress-安装与启动

官方文档

Guides:  Why Cypress? | Cypress Documentation

建议初学者浏览一遍官方文档再开始

关于运行流程​​​​​​​

1. 运行测试后，Cypress 使用 webpack 将测试代码中所有模块 bundle 到一个 js 文件中；
2. 运行浏览器，将测试代码注入到一个空白页中，在浏览器中运行测试代码（Cypress 将测试代码放在一个 iframe 中运行）

前置安装Node.js

下载地址：见下方链接，下载安装完成后，node -v检查当前版本；Download | Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/en/download/

安装Cypress

1. 需要安装在固定目录文件夹下，记得先cd 到目标目录再安装；
2. 命令行安装：npm install  cypress --save-dev ,首次安装的童鞋可能需要等待一段时间（记忆没错的话，楼主差不多花了8分钟）；
3. 前往安装的根目录，创建文件“package.json”，文件内容见下方代码库（是和安装的cypress文件夹同层级的目录哟）； （生成package文件还有一种非手动的方式，在node开发中使用 npm init 会生成一个pakeage.json文件）

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

启动

终端启动：

1. 方式一：npx cypress open ;
2. 方式二：npm run cypress:open; （该方式基于步骤3的设置）