乐趣区

cypress学习笔记一安装

一、环境准备:

  • node 环境
  • 已经执行 npm init
  • 已有 node_modules 目录或者 package.json 文件

二、安装
cypress 的安装官网提供了几种方式:

1、通过 npm 安装

$ npm install cypress --save-dev

npm 安装是将 cypress 作为项目的一个依赖包引入,安装前需要进入到项目目录中。
此安装方式比较便捷,也是官网优先推荐的。但是在安装时会遇到下载 cypress 失败、下载 cypress 较慢的问题,主要原因是下载时走国外镜像,大概率会失败。

在网上查了很多相关文章并没有找到合理的解决方案,其中有一个方案是推荐搭建自己的私有仓库,将镜像放在私有仓库中,后续下载、打包都会比较快。
如果公司需要用 cypress 做自动化框架,这个方式是必须的,大部分公司都有自己的私有仓库。但是对于测试者来说,自己体验或者学习,搭建一个私有仓库的方法太重了。
最终的解决方案来自于官方文档:

简单翻译下:
cypress 需要配置网络代理,如果不设置代理将会放生一下情况:

  • 本地调试时 cypress 将不可用
  • 如果你的 baseUrl 不可用时,cypress 将不会告警
  • cypress 在登录或者测试时将无法连接 Dashboard Service
  • 使用 npm install cypress 方式安装时将会失败

Linux 或者 MAC 解决方案:
export HTTP_PROXY=http://my-company-proxy.com
export NO_PROXY=localhost,google.com,apple.com

笔者使用的是第二个且配置的淘宝镜像,export NO_PROXY=http://npm.taobao.org

Window 解决方案:

笔者用的 Linux,windows 没有尝试,可以参考官网步骤:https://docs.cypress.io/guide…

2、通过 yarn 安装

yarn add cypress --dev

配置和 npm 安装一致,只是命令不同,凭喜好选择。

ps:使用 npm、yarn 方式安装时,请确保

3、直接下载安装包

这个安装方式适用于快速体验 cypress,不支持录制用例功能。如果要使用录制功能,需要使用 npm 或者 yarn 的方式下载。
安装包下载地址:https://download.cypress.io/d…

本文主要目的是解决 cypress 通过 npm 或者 yarn 下载慢的问题,细节安装请移步官网

退出移动版