UI自动化测试cypress入门尝鲜

首先就直接说安装了，cypress是基于nodejs的（10,12及以上），所以建议使用npm来安装。主流的OS都支持的，本文中使用ubuntu20.04。
在Linux系统上，要安装一堆系统依赖，具体命令这里就不贴了，参考下面的页面
https://docs.cypress.io/guides/getting-started/installing-cypress.html#System-requirements

当然如果系统里没有node环境，可以直接下载cypress运行版本，用于要快速运行cypress的，会缺少一些特性，这里就不说了。

为了尝鲜用，我们先建一个目录（包），并生成包的简历package.json

mkdir sample && cd sample && npm init -y

然后我们安装cypress，在这里就不添加什么选项了，安装上就好，不需要为自己的包添加什么依赖
安装之前，为了解决访问源站可能存在网络问题，npm的registry是设置了淘宝镜像的（具体设置就不说了），cypress是设置了指定要安装的版本号(目前最新是6.1.0)的cypress的华为镜像的url地址。华为镜像不支持指定CYPRESS_DOWNLOAD_MIRROR，这样失去了安装时指定版本号的一些灵活性，但是也无伤大雅，当使用CYPRESS_DOWNLOAD_MIRROR时会报错：

URL: https://repo.huaweicloud.com/cypress/desktop/6.1.0?platform=linux&arch=x64
Error: Failed downloading the Cypress binary.
Response code: 404
Response message: Not Found

好了，在执行安装之前，看一眼npm的一些配置，看我们都是使用了镜像

npm config ls
; cli configs
metrics-registry = "https://registry.npm.taobao.org/"
scope = ""
user-agent = "npm/6.14.4 node/v10.19.0 linux x64"

; userconfig /home/hao/.npmrc
CYPRESS_INSTALL_BINARY = "https://repo.huaweicloud.com/cypress/6.1.0/linux-x64/cypress.zip"
registry = "https://registry.npm.taobao.org/"

; builtin config undefined
globalconfig = "/etc/npmrc"
globalignorefile = "/etc/npmignore"
prefix = "/usr/local"

执行安装吧~

npm install cypress

部分输出如下：

> cypress@6.1.0 postinstall /home/hao/sample/node_modules/cypress
> node index.js --exec install

⚠ Warning: Forcing a binary version different than the default.

  The CLI expected to install version: 6.1.0

  Instead we will install version: https://repo.huaweicloud.com/cypress/6.1.0/linux-x64/cypress.zip

  These versions may not work properly together.

Installing Cypress (version: https://repo.huaweicloud.com/cypress/6.1.0/linux-x64/cypress.zip)

  ✔  Downloaded Cypress
  ✔  Unzipped Cypress
  ✔  Finished Installation /home/hao/.cache/Cypress/6.1.0

You can now open Cypress by running: node_modules/.bin/cypress open

你看这里有个语法不通的Instead，不过并不碍事，因为CYPRESS_INSTALL_BINARY指定的是6.1.0的目标码，与npm安装时未指定版本（默认最新版本，最新版本就是6.10），二者是一致的，但是cypress没想到你竟然要指定了某一个版本的BINARY，所以它用Instead，其实没事啦

在输出的最后，提示出了运行cypress的方法：

node_modules/.bin/cypress open

在运行后的cypress界面上，可以看到右上角有检测到的本地安装的浏览器，这里我们就用默认的chrome87

cypress已经在当前目录下建立了一下examples，自己可以点点看看，我们就不看了，直接上自己的尝鲜用例

未完待续