Cypress的安装与启动

news2025/1/15 3:21:25

目录

一:Cypress介绍

二:安装与使用

1、下载node.js

2、安装Cypress

3、启动Cypress

3、解决异常

三:总结


一:Cypress介绍

        Cypress 是为现代网络而构建的下一代前端测试工具,用于解决开发者和 QA 工程师在测试现代应用程序时面临的关键难题。

        Cypress 简化了设置测试、编写测试、运行测试和调试测试,支持端到端测试、集成测试和单元测试,支持测试在浏览器中运行的任意内容。支持 Mac OS、Linux 和 Windows 平台。

        更多的内容可以参考官网,本篇文章是面向小白的。JavaScript Component Testing and E2E Testing Framework | CypressCypress' open-source app takes the pain out of front-end testing. Use the Cypress E2E testing framework for any application or component that runs in a browser.icon-default.png?t=N7T8https://www.cypress.io/

二:安装与使用

1、下载node.js

        Node.js 是一个开源、跨平台的 JavaScript 运行时环境。作为一个异步事件驱动的 JavaScript 运行时,Node.js 被设计用来构建可扩展的网络应用。

         下面这个是node.js的下载网址,为了后期稳定使用,通常初学者可以下载稳定版,如果想要尝试最前沿的功能,可以下载最新版(不稳定哦)。安装包一直next就好了。下载 | Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.icon-default.png?t=N7T8https://nodejs.org/zh-cn/download

        下载完成后记得配置环境,这里网上很多,不再赘述了。

        window + r 打开 cmd 窗口,输入 node --version 指令,弹出版本即为安装成功。

2、安装Cypress

1)项目初始化        

        在你想要创建项目的目录下shift + 鼠标右键,选择“在此处打开PowerShell窗口”,输入指令 npm init -y。等待指令运行完成,这时候我们就会发现该目录下出现了 package.json 文件。则项目初始化完成。

2)安装Cypress

        这里我们有两种方式,一种是直接去官网下载zip文件解压到项目目录下(不推荐)

        另一种是使用 npm/cnpm 指令,同上面的步骤,打开 PowerShell 窗口。指令如下

npm指令:

        npm install cypress --save

注意:使用npm是连的国外,所以会比较慢,推荐使用cnpm

cnpm指令:

        cnpm安装:npm install -g cnpm -registry=https://registry.npm.taobao.org

        安装Cypress:cnpm install cypress --save

        安装完成后,发现项目目录中出现了 node_modules 目录,则安装成功。

3、启动Cypress

        我们进入目录 “E:\test_code\cypress_demo\node_modules\.bin” 下,在此处打开 PowerShell 窗口,输入 .\cypress open 指令运行即可。以下是运行成功的效果

 注意:不要输成 cypress open 。不然不会执行

3、解决异常

        如果你遇到了以下情况,这是正常的,因为 PowerShell 或者 windows 终端启动时,为了确保安全,文件的执行策略默认设置为 Restricted 。 Restricted 执行策略不允许任何脚本运行。可以参考文章。

关于执行策略 - PowerShell | Microsoft Learn

         因此只需要降低安全性等级,将执行策略改为 RemoteSigned 即可执行脚本,在窗口中使用 Set-ExecutionPolicy 命令即可。

        以管理员身份打开 PowerShell 或者 windows 终端,执行命令 set-executionpolicy remotesigned 并确认。

        set-executionpolicy remotesigned

        出现上面的结果,则修改成功。我们再次回到之前目录下使用 .\cypress open 指令即可成功运行。

        不过通过修改将降低系统的安全性,可能带来被病毒或恶意软件攻击的风险。因此当脚本运行完成后,我们应当恢复一下之前的配置,如下

set-executionpolicy Restricted

        这时候 cypress 可以运行,并且安全模式也恢复了,不用担心被攻击。 

        补充:管理员身份打开 PowerShell 如下,在开始菜单中搜索 powershell ,选择以管理员身份运行即可。

三:总结

        Cypress 可以理解为 selenium 的下一个版本,其底层是用纯 JS 来实现的编写,因此是非常适合 Web 端自动化测试的。同时也是前端进行 TDD 的首选。不过也有缺点是目前还没有汉化版本,只有英文版。这点可能以后会得到解决吧!好啦,本文到此结束,希望能够对各位小伙伴有所帮助哦~

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Hydro】水文模型比较框架MARRMoT - 包含47个概念水文模型的Matlab代码

目录 说明源代码运行实例workflow_example_1.mworkflow_example_2.mworkflow_example_3.mworkflow_example_4.m 测试1、 结构体兼容性问题2、append的兼容性问题3、修改后的MARRMoT_model.m 说明 MARRMoT是一个新的水文模型比较框架,允许不同概念水文模型结构之间的…

BandZip 免费纯净快速的文件压缩/解压缩软件

BandZip 功能齐全、性能优异的免费文件压缩和解压缩工具。版本 7.x 及以上有广告,安装 7.x 以下版本即可。 功能以及特性 支持多种常见的压缩格式,包括 ZIP、RAR、7Z、TAR 等;高效的压缩算法,能够将文件压缩到较小的体积&#…

【网络安全 --- 任意文件下载漏洞(1)】任意文件下载漏洞

一,环境,工具准备 1-1 VMVare 16 虚拟机及下载安装(资源) 请参考以下博客安装(特详细):【网络安全 --- 工具安装】VMware 16.0 详细安装过程(提供资源)-CSDN博客【网络安…

vue2vue3--render函数(h)

目录 h函数 方法1. 在Options API中的使用 方法2. 在Composition API中的使用 Vue 2中的渲染函数 ​基础​ vue2 vue3 vue3--声明渲染函数 节点、树以及虚拟 DOM ​虚拟 DOM​ createElement 参数 深入数据对象 约束 vue2 vue3 使用 JavaScript 代替模板功能…

使用cpolar内网穿透实现远程Stackedit Markdown编辑器

文章目录 1. docker部署Stackedit2. 本地访问3. Linux 安装cpolar4. 配置Stackedit公网访问地址5. 公网远程访问Stackedit6. 固定Stackedit公网地址 StackEdit是一个受欢迎的Markdown编辑器,在GitHub上拥有20.7k Star!,它支持将Markdown笔记保…

库克嘴上说着共赢,实际却是降低中国制造占比,外媒:真是老狐狸

近期库克再度访华,在成都的苹果线下零售店与消费者密切互动,参观立讯精密并表示与中国制造合作共赢,然而日本媒体拆解iPhone15却撕下了苹果的遮羞布,库克真的是老狐狸。 一直以来,苹果CEO库克都积极向中国消费者释放善…

《java核心卷Ⅰ》知识点总结(可作面试题)

🛫 JDK和JRE傻傻分不清?🛫 HelloWorld的输出都经历了啥?🛫 Java的三个版本都是啥?🛫 关于main方法你都知道啥?main方法被声明为private会怎样?🛫 强制and自动类型转换都…

使用whatweb和python批量获取指纹信息

该程序去除了whatweb输出的一些乱码 import sys import os from pathlib import Path if __name__ "__main__":type sys.stdout.encoding file1Path("out.txt")if file1.is_file():os.remove("out.txt")os.system("whatweb -i url.txt -…

Flutter页面滑动回调处理解决方法

文章目录 TabBarViewTabBarView简介TabBarView详细介绍 TabBarView滑动时如何处理事务例子 PageControllerPageController介绍PageController 的详细介绍 TabBarView TabBarView简介 TabBarView 是 Flutter 中的一个用于显示选项卡视图的小部件。它通常与 TabBar 一起使用&am…

Vue 实战项目(智慧商城项目): 完整的订单购物管理功能 内涵资源代码 基于Vant组件库 Vuex态管理 基于企业级项目开发规范

鹏鹏老师的实战开发项目 智慧商城项目 接口文档:安全问题(需要私信即可) 演示地址:跳转项目地址 01. 项目功能演示 1.明确功能模块 启动准备好的代码,演示移动端面经内容,明确功能模块 在这里插入图…

腾讯云SSH连接不上的一个解决办法

最近在购买完腾讯云服务器后Xshell登录时老是报出Connection failed问题,最后发现问题所在。 解决方法 本人购买的是校园套餐中的轻量应用服务器2核2G,购买完以后打开控制台 在轻量级云服务器中找到自己购买的云服务器后,重置密码&#xff0…

【JavaEE初阶】 CAS详解

文章目录 🌲什么是 CAS🚩CAS伪代码 🎋CAS 是怎么实现的🌳CAS的应用🚩实现原子类🚩实现自旋锁 🎄CAS 的 ABA 问题🚩什么是 ABA 问题🚩ABA 问题引来的 BUG🚩解决…

Spring Boot实战 | 如何整合高性能数据库连接池HikariCP

专栏集锦,大佬们可以收藏以备不时之需 Spring Cloud实战专栏:https://blog.csdn.net/superdangbo/category_9270827.html Python 实战专栏:https://blog.csdn.net/superdangbo/category_9271194.html Logback 详解专栏:https:/…

MySql第三篇---索引的创建与设计原则

文章目录 MySql第三篇---索引的创建与设计原则索引的声明与使用索引的分类创建索引在已经存在的表上创建索引删除索引 索引的设计原则哪些情况适合创建索引?限制索引的数目哪些情况不适合创建索引? 小结 MySql第三篇—索引的创建与设计原则 索引的声明与…

如何安装Ubuntu20.04(详细图文教程

目录 一.简介 二、需要资源 三、window设置 1、分区 2、启动盘制作 四、ubuntu安装 一.简介 Linux是一种自由和开放源代码的操作系统内核,被广泛应用于各种计算机系统中。它以稳定性、安全性和灵活性而闻名,并成为服务器、嵌入式设备和个人计算机…

如何用BCompare打增量包

一、基本描述 增量包:工程项目中的文件随着开发、更新、迭代过程,更新、修改了部分文件,没必要将所有的文件都更新时,只打包更新、修改了的这部分文件,这样的一个文件包称为增量包。 二、使用场景 在某个大的版本re…

ranger的只读(read)权限引起的

开发人员只要只读权限 在rang中只给了read的权限 ranger的read和select的权限区别 read 权限: read 权限允许用户读取(查看)文件或目录的内容。 具有 read 权限的用户可以查看文件的内容,读取目录中的文件列表和元数据&#xf…

你真的了解黑客吗?

前言:本文旨在介绍国内外黑客的发展历史,以及作为一名黑客所需的素质和原则 目录 一.黑客概述 二.黑客分类 三.国外黑客的历史 上世纪60年代初 上世纪80年代初 上世纪80年代末 上世纪90年代早期 上世纪90年代末期 2000年后 四.中国黑客的历史 …

【PythonRS】Rasterio库安装+基础函数使用教程

Rasterio是一个Python库,专门用于栅格数据的读写操作。它支持多种栅格数据格式,如GeoTIFF、ENVI和HDF5,为处理和分析栅格数据提供了强大的工具。RasterIO适用于各种栅格数据应用,如卫星遥感、地图制作等。通过RasterIO&#xff0c…

每日一题 1155. 掷骰子等于目标和的方法数(中等,动态规划,前缀和)

涉及到从 n-1 个骰子到 n 个骰子的状态转移,显然用动态规划做对于一共 i 个骰子所能投出来的数字之和为 t 的情况,我们用 dp[i][t] 表示,显然 dp[i][t] Σdp[i - 1][t - j],其中 j 从 1 到 k。所以对于每一个骰子我们需要 O(targ…