首页 > 其他分享 >WEB自动化-02-Cypress 安装

WEB自动化-02-Cypress 安装

时间:2022-09-04 18:24:04浏览次数:114  
标签:02 WEB notice Cypress npm 所示 安装 cypress

2 Cypress 安装

2.1 安装要求

2.1.1 系统要求

    在操作系统满足以下要求时,才能进行安装,具体要求如下所示:

  • MacOS 10.9+(仅支持64位版本)
  • Linux Ubuntu 12.04+、Fedora 21和 Debian (支持64位版本)
  • Windows 7+(仅支持64位版本)

2.1.1 组件要求

    如果使用npm安装,则要求如下所示:

  • Node.js 12 或 14 以上版本

其他系统的安装所需要的组件,可查问官网:https://docs.cypress.io/guides/getting-started/installing-cypress#System-requirements

2.2 安装

    Cypress 支持npmyarn直接下载,我们以Windows为例来简单介绍一下。

2.2.1 npm 安装

    在使用npm安装Cypress时,需要先安装Node.js、设置环境变量等。此处跳过,可以自行网络搜索。Cypress安装步骤如下所示:

  • 1.创建并切换至Cypress工程文件夹
cd /d C:\Users\Surpass\Documents\CypressProjects
  • 2、执行以下安装命令
C:\Users\Surpass\Documents\CypressProjects> npm install cypress --save-dev

added 165 packages in 7s
npm notice
npm notice New minor version of npm available! 8.5.5 -> 8.6.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.6.0
npm notice Run npm install -g [email protected] to update!
npm notice

2.2.2 离线安装

    当自己电脑没有安装Node.js时,想快速体验Cypress,可以到官网直接下载即可。其下载地址如下所示:

https://download.cypress.io/desktop

直接下载的安装包,可能无法使用Dashboard,仅用于快速尝鲜使用。如果要使用Dashboard功能,依然使用npm安装其依赖项。

    在下载完成后,解压压缩包双击即可运行Cypress。

2.3 使用

2.3.1 打开Cypress

    如果使用npm安装,则按以下操作即可。

  • 1.切换至Cypress的node_modules.bin目录
  • 2.执行以下命令
C:\Users\Surpass\Documents\CypressProjects> node_modules/.bin/cypress open

C:\Users\Surpass\Documents\CypressProjects> npx cypress open

    成功打开Cypress界面后,如下所示:

2.3.2 Cypress设置

2.3.2.1 切换浏览器

    在运行测试程序的时候,Cypress会在用户电脑中尝试寻找所有能兼容的浏览器,同时也允许用户自行选择浏览器,如下所示:

2.3.2.2 添加npm脚本

    Cypress除了前面两种打开方式以外,还允许配置package.json文件中script字段,来自定义打开方式。如下所示:

{
  "devDependencies": {
    "cypress": "^9.5.4"
  },
  "scripts":{
	  "cyo":"cypress open"
  }
}

package.json一般在安装完成后位于安装目录的根目录,如果没有,可以自己创建。

    配置完成后,可以使用以下命令进行打开:

C:\Users\Surpass\Documents\CypressProjects> npm run cyo

原文地址:https://www.jianshu.com/p/55dec7645b9e

本文同步在微信订阅号上发布,如各位小伙伴们喜欢我的文章,也可以关注我的微信订阅号:woaitest,或扫描下面的二维码添加关注:

标签:02,WEB,notice,Cypress,npm,所示,安装,cypress
From: https://www.cnblogs.com/surpassme/p/16655637.html

相关文章

  • web框架-django框架
    目录web框架编写web框架模块动静态网页jinjia2模块python主流web框架django框架版本下载安装操作目录结构三板斧静态文件操作form表单request对象方法MySQL数据库连接ORM数......
  • 《Unix/Linux系统编程》第1,2章学习笔记 20201209戴骏
    一.知识点归纳第一章引言1.本书目标编程背景知识详细介绍了程序开发步骤,包括汇报器、编译器、链接器等。动态数据结构的应用字符串标记化、搜索树节点、插入和......
  • 2022java-web一条龙工具安装
    @目录java安装java-jdk安装java环境变量配置java-eclipse工具安装Java-idea工具安装MySQL安装navicat安装tomcat安装maven安装配置本地仓库配置镜像配置jdk备忘~安装常见......
  • "蔚来杯"2022牛客暑期多校训练营7
    CConstructiveProblemsNeverDie题意:给你一个数组A,你需要构造一个排列P,使得P[i]≠A[i]分析:考虑构造不出来的情况如果所有A[i]都相同一定不成立先构造P[i]=i......
  • openEuler 22安装zabbix 4.0,提示无法安装zabbix-server-mysql和zabbix-web-mysql
    1.首先安装lamp环境作为zabbix的运行环境,也就是web展示界面环境dnfinstall-yhttpdmariadb-servermariadbphpphp-mysqlndphp-gdlibjpeg*php-ldapphp-odbcphp-p......
  • 2022java-web一条龙工具安装
    @目录java安装java-jdk安装java环境变量配置java-eclipse工具安装Java-idea工具安装MySQL安装navicat安装tomcat安装maven安装配置本地仓库配置镜像配置jdk备忘~安装常见......
  • 【2022-09-02】Django框架(四)
    Django框架(四)Django框架之伪静态概念静态文件:数据是写死,永远不会修改伪静态:将一个动态页面伪装成静态页面#为什么要伪装?伪装的目的在于增大本网站的seo查询力......
  • docker安装 jenkins 20220904
    ###https://www.cnblogs.com/fuzongle/p/12834080.html1、#####下载Jenkins镜像dockerpulljenkins/jenkins2、宿主机=》创建jenkins的目录####/var/jenkins_mount......
  • 2022.9.4 模拟赛
    ForNOIP.谜之阶乘题意:问\(n\)能够被多少组\((a,b)\)表示,满足\(n=\dfrac{a!}{b!}\)。\(n\leq10^{18}\),多组询问。首先猜测\(a-b\)并不大,然后就枚举这个差值......
  • 20220904研讨会图鲁棒性
    网络增强第一个解决方案从网络数据本身还原 ......