UI自动化测试cypress入门尝鲜

举报
黄生 发表于 2020/12/13 21:17:52 2020/12/13
【摘要】 首先就直接说安装了,cypress是基于nodejs的(10,12及以上),所以建议使用npm来安装。主流的OS都支持的,本文中使用ubuntu20.04。在Linux系统上,要安装一堆系统依赖,具体命令这里就不贴了,参考下面的页面https://docs.cypress.io/guides/getting-started/installing-cypress.html#System-req...

首先就直接说安装了,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

2020-12-13 21-11-05 的屏幕截图.png

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

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

未完待续

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。