软件测试|Windows系统安装Cypress教程

前言

每当提起web自动化测试,大家首先想到的就是selenium,最近这两年时间,出现了playwright和cypress这两款新的工具,不过现在应用范围还是不如selenium,之前我们介绍了playwright的使用,现在开始,我们将介绍cypress工具。cypress是一款易于使用、快速稳定、可靠性高、全面性强的自动化测试工具,本文将介绍如何在Windows系统中进行安装。

环境准备

系统要求

cypress是一款安装在电脑中的应用,所以对我们的电脑的系统也有要求,对不同系统的电脑要求如下:

  • Mac OS 10.9+(仅提供64位二进制文件)
  • Linux Ubuntu 12.04+, Fedora 21, Debian 8的64位二进制文件
  • Windows 7+(仅64位系统)

cypress也支持直接下载安装,支持Mac,Linux,Windows系统下载文件直接安装。

注:cypress3.3.0之后的版本才支持32位的Windows操作系统。

直接下载安装

cypress支持直接下载,cypress下载地址,点击下载之后会自动下载匹配系统的版本,下载完成后,解压文件,双击即可使用。

注:Cypress 无法运行 DashBoard 服务,直接下载仅用作快速尝试 Cypress;所以,不推荐此方式安装!

npm安装

我们推荐使用npm来安装cypress,下面是通过npm来安装cypress的具体步骤。

  1. 安装node.js,node.js下载地址,下载之后直接安装即可使用。

注:使用npm安装cypress时,需要注意node版本,当前支持的版本如下:

  • Node.js 14.x
  • Node.js 16.x
  • Node.js 18.x 及更新的版本

在安装之前,检查一下自己的node及npm版本。

node -v
# v16.15.0npm --version
# 8.5.5
  1. 生成 package.json 文件

第一步, 首先进入你要安装的Cypress的目录,运行 npm init 命令 第二步, 连续点击enter键,最后输入yes 第三步, 查看文件夹内的package.json文件 第四步, 这个文件也可以自己创建,通常存在于项目的根目录下,它定义了这个项目所需要的各种模块、配置信息(如:名称、版本、依赖、脚本等)

  1. 安装Cypress

运行npm命令安装Cypress,命令如下:

npm install cypress --save-dev

yarn安装

Yarn是Facebook最近发布的一款依赖包安装工具。Yarn是一个新的快速安全可信赖的可以替代NPM的依赖管理工具,我们能够使用npm安装cypress,自然也就可以使用yarn来安装cypress了。

  1. 安装yarn

我们可以通过下载安装yarn,yarn下载地址,也可以通过npm来进行安装,命令如下:

npm install -g yarn

验证安装,命令如下;

yarn --version# 1.22.19
  1. 进入要安装cypress的文件夹,运行下面的安装命令
yarn add cypress --dev

如下图

打开cypress

安装好cypress之后,我们可以打开cypress验证是否可以正常使用,我们可以使用下面的方式打开cypress。

方式一:

进入 Cypress安装目录\node_modules\.bin 目录,打开cmd,输入下面的命令

cypress open

如下图:

方式二:

进入 Cypress 安装目录,打开cmd,输入如下命令:

yarn run cypress open

方式三:

管理员模式打开 cmd 窗口,输入如下命令:

npx cypress open

成功打开的cypress界面如下图:

总结

本文主要介绍了cypress工具的安装,主要介绍了使用npm和yarn方式安装cypress,这两种方式是我们比较推荐的安装方式,后续我们将继续介绍cypress工具的使用。

最后感谢每一个认真阅读我文章的人,礼尚往来总是要有的,虽然不是什么很值钱的东西,如果你用得到的话可以直接拿走:

这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/326717.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

生态系统服务构建生态安全格局中的实践技术应用

生态安全是指生态系统的健康和完整情况。生态安全的内涵可以归纳为:一,保持生态系统活力和内外部组分、结构的稳定与持续性;二,维持生态系统生态功能的完整性;三,面临外来不利因素时,生态系统具…

GPT/GPT4科研应用与AI绘图技术及论文高效写作教程

详情点击链接:GPT/GPT4科研实践应用与AI绘图技术及论文高效写作教程 一OpenAI 1.最新大模型GPT-4 Turbo 2.最新发布的高级数据分析,AI画图,图像识别,文档API 3.GPT Store 4.从0到1创建自己的GPT应用 5. 模型Gemini以及大模型…

软件测试|全面解析Docker Start/Stop/Restart命令:管理容器生命周期的必备工具

简介 Docker是一种流行的容器化平台,用于构建、分发和运行应用程序。在使用Docker时,经常需要管理容器的生命周期,包括启动、停止和重启容器。本文将详细介绍Docker中的docker start、docker stop和docker restart命令,帮助您全面…

构建高效秒杀系统的设计原理及注意事项

😄 19年之后由于某些原因断更了三年,23年重新扬帆起航,推出更多优质博文,希望大家多多支持~ 🌷 古之立大事者,不惟有超世之才,亦必有坚忍不拔之志 🎐 个人CSND主页——Mi…

【计算机图形学】NAP: Neural 3D Articulation Prior

文章目录 1. 这篇论文做了什么事,有什么贡献?2. Related Work铰接物体建模3D中的Diffusion model扩散模型 3. Pipeline铰接树参数化基于Diffusion的铰接树生成去噪网络 4. 实验评价铰接物体生成——以往做法与本文提出的新指标NAP捕捉到的铰接物体分布质…

使用 Maven 的 dependencyManagement 管理项目依赖项

使用 Maven 的 dependencyManagement 管理项目依赖项 介绍 在开发 Java 项目时&#xff0c;管理和协调依赖项的版本号是一项重要而繁琐的任务。 而 Maven 提供了 <dependencyManagement> 元素&#xff0c;用于定义项目中所有依赖项的版本。它允许您指定项目中每个依赖…

studio3T mongodb 根据查询条件更新字段 或 删除数据

1. mongodb 等于、不等于$ne、不包含 $nin 以及批量更新数据的使用。 业务场景&#xff1a; 在集合中&#xff0c;根据查询条件&#xff0c;更新数据状态。 实现代码&#xff1a; 1. 部门名称为XXX、状态不等于“完好”的、并且不包含这些编码的数据先查询出来2. 再把状态更…

Java研学-web操作crud

一 思路 1 组件 页面显示&#xff1a;JSP   接受用户请求&#xff1a;Servlet   和数据库交互&#xff1a;MyBatis 2 基础准备 ① 创建 web 项目&#xff0c;导入需要依赖的 jar 包,放入 web/WEB-INF/lib目录中 ② 创建数据库表 CREATE TABLE employee( id bigint(11)…

x-cmd pkg | bit - 实验性的现代化 git CLI

目录 简介首次用户功能特点竞品和相关作品进一步探索 简介 bit&#xff0c;由 Chris Walz 于 2020 年使用 Go 语言开发&#xff0c;提供直观的命令行补全提示和建立在 git 命令之上的封装命令&#xff0c;旨在建立完全兼容 git 命令的现代化 CLI。 首次用户 使用 x bit 即可自…

VCG 点到平面的投影点

文章目录 一、简介二、实现代码三、实现效果参考资料一、简介 假设给定的平面为 a x + b y + c z + 1 = 0 ax+by+cz+1=0

AntV-G6 -- 将G6图表应用到项目中

1. 效果图 2. 安装依赖 npm install --save antv/g6 3. 代码 import { useEffect } from alipay/bigfish/react; import G6 from antv/g6;const data {id: root,label: 利息收入,subLabel: 3,283.456,ratio: 3,children: [{id: child-a,label: 平均利息,subLabel: 9%,ratio:…

基于象群算法优化的Elman神经网络数据预测 - 附代码

基于象群算法优化的Elman神经网络数据预测 - 附代码 文章目录 基于象群算法优化的Elman神经网络数据预测 - 附代码1.Elman 神经网络结构2.Elman 神经用络学习过程3.电力负荷预测概述3.1 模型建立 4.基于象群优化的Elman网络5.测试结果6.参考文献7.Matlab代码 摘要&#xff1a;针…