全新ui自动化测试框架教学——Cypress

前言

        在现阶段自动化测试领域大规模普及的是selenium及appium等常规自动化测试工具,但在其中会有遇到很多影响因素导致测试结果不理想和不准确的情况发生。在经过Darren洋对自动化测试工具调研后,发现了Cypress这一款针对端到端的自动化测试工具,可以测试web ui及api自动化测试(最重要的一点是该款工具可以自动生成元素标签语句,针对基础薄弱和零基础的小白非常友好,打工人学习起来也是非常快,非常容易顺手)。

一、安装npm

还没安装node.js的小伙伴请看我之前的博客记录的node.js安装流程。

https://cfycsdnbk.blog.csdn.net/article/details/130383779

二、安装package.json配置文件

在新建的文件夹内执行 npm init -y 命令生成 package.json 文件

npm init -y

三、安装cypress

在dos系统中使用以下npm命令安装cypress程序包。

npm install cypress --save-dev

npm WARN notsup Unsupported engine for cypress@13.6.2: wanted: {"node":"^16.0.0 || ^18.0.0 || >=20.0.0"} (current: {"node":"12.22.12","npm":"6.14.16"})
npm WARN notsup Not compatible with your version of node/npm: cypress@13.6.2
npm WARN CypressProjects@1.0.0 No description
npm WARN CypressProjects@1.0.0 No repository field.

这里因为使用的node.js版本为12左右的,导致cypress版本不支持改node,故使用nvm进行下载切换高版本的node.js。

重新打开dos系统进行安装即可解决版本不兼容问题。

四、打开cypress图形化界面

在dos系统中使用以下命令打开cypress图形化界面。

node_modules\.bin\cypress open

选择端到端测试选项。

这里按照自己的浏览器进行选择,这里我选择的是谷歌浏览器。选择后会打开一个全新的本地页面(也就是cypress的操作页面)。

五、创建新示例

        进入页面后选择创建空示例。

若点击运行显示窗口报以下错误,则应考虑npm版本是否与cypress存在版本不兼容的问题。

Error: Webpack Compilation Error
Module build failed (from C:\Users\Administrator\AppData\Local\Cypress\Cache\13.6.2\Cypress\resources\app\node_modules\babel-loader\lib\index.js):
Error: Cannot find module 'fs/promises'
Require stack:

        示例显示效果:

六、运行示例

在js文件进行代码流程的修改,以Darren洋本地构建项目为例。

describe('Darren洋自动化测试', () => {it('访问首页并搜索', () => {cy.visit('http://localhost:8080/EasyBuy/Home?action=index')cy.get('input[name="keyWord"]').type('1')cy.get('.s_btn').click()})
})

修改好后,在浏览器中点击js文件即可运行,运行效果如下:

七、快速获取元素定位语句

        相比于自己找标签的语句写法,在cypress中还有一种快速获取标签语句的用法,简直是超级方便,绝对的打工人福利。

        直接复制命令啦,这个脚本获取的太轻松啦!!!其余脚本标签获取一样,在这里Darren洋就不过多演示啦!!!下课!!!

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

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

相关文章

52.网游逆向分析与插件开发-游戏反调试功能的实现-检测调试器

码云地址(master分支):https://gitee.com/dye_your_fingers/sro_-ex.git 码云版本号:be9f058bfaaa4b015f2659db842e07ee37e58996 代码下载地址,在 SRO_EX 目录下,文件名为:SRO_Ex检测调试器.z…

Python地理数据机器学习数学

地理数据 地理数据是存储在地理信息系统 (GIS) 中的位置信息。通过查看具有地理成分的数据,我们可以通过不同的视角来看待它。 用地理数据解决位置问题需要空间思维。让我们深入了解地理数据的类型、主题和来源。 类型 地理数据有不同类型,每种类型在…

认识计算机网络——计算机网络的概念

计算机网络是指将多台计算机通过通信介质连接起来,以便共享资源、交换信息和进行协作的技术体系。在现代社会中,计算机网络已经成为了各个领域的重要基础设施,改变了人们的生活方式和工作方式。本文将介绍计算机网络的基本概念、组成要素和发…

国产操作系统麒麟V10 SP2 设置应用自启动

下面以tomcat为例子,描述设置tomcat自启动的操作步骤:1.创建自启动脚本tomcat-autostart.desktop 内容: [Desktop Entry] Commenttomcat Comment[zh_CN]tomcat Exec/home/tomcat8/bin/startup.sh Hiddenfalse Nametomcat Name[zh_CN]tomcat …

vue3框架笔记

Vue Vue 是一个渐进式的前端开发框架,很容易上手。Vue 目前的版本是 3.x,但是公司中也有很多使用的是 Vue2。Vue3 的 API 可以向下兼容 2,Vue3 中新增了很多新的写法。我们课程主要以 Vue3 为主 官网 我们学习 Vue 需要转变思想&#xff0…

Springboot整合JSP-修订版本(Springboot3.1.6+IDEA2022版本)

1、问题概述? Springboot对Thymeleaf支持的要更好一些,Springboot内嵌的Tomcat默认是没有JSP引擎,不支持直接使用JSP模板引擎。这个时候我们需要自己配置使用。 2、Springboot整合使用JSP过程 现在很多的IDEA版本即使创建的项目类型是WAR工…

build.gradle记录

manifestPlaceholders 当我们想要动态的修改AndroidManifest.xml文件中一些熟悉时&#xff0c;可以通过manifestPlaceholders占位符来完成&#xff0c;首先在AndroidManifest.xml文件中预先设置一些占位符&#xff0c;例如 <meta-dataandroid:name"appkey"androi…

kivy BoxLayout说明

BoxLayout的特点 自动排列&#xff1a;BoxLayout会根据其orientation属性&#xff08;垂直或水平&#xff09;自动排列其子部件。这简化了布局的过程&#xff0c;尤其是当你有许多需要按顺序排列的部件时。可定制的间距和对齐&#xff1a;通过spacing属性&#xff0c;你可以控…

QT应用篇 三、QML自定义显示SpinBox的加减按键图片及显示值效果

QT应用篇 一、QT上位机串口编程 二、QML用Image组件实现Progress Bar 的效果 三、QML自定义显示SpinBox的加减按键图片及显示值效果 文章目录 QT应用篇前言一、qml需求二、使用组件1.SpinBox组件2.SpinBox中QML的使用 总结 前言 记录自己学习QML的一些小技巧方便日后查找 QT的…

Python魔法方法之__getattr__和getattribute

在Python中有这两个魔法方法容易让人混淆&#xff1a;__getattr__和getattribute。通常我们会定义__getattr__而从来不会定义getattribute&#xff0c;下面我们来看看这两个的区别。 __getattr__魔法方法 class MyClass:def __init__(self, x):self.x xdef __getattr__(self, …

【起草】【第十二章】定制ChatGPT数字亲人

身为普普通通的我们&#xff0c;不知道亲人们在哪一天就要离开这个世界 &#xff1f; 作为普普通通的程序员&#xff0c;我们可以为我们的亲人做点什么 &#xff1f; 让他们以数字资产形式留在人世间 ? 对话&#xff5c;6岁女孩病逝捐器官&#xff0c;妈妈&#xff1a;她去…

CEF线程之multi_threaded_message_loop参数

文章目录 JS调用C++方法,OnQuery消息传递线程过程详解CefSettings.multi_threaded_message_loop参数multi_threaded_message_loopexternal_message_pumpMainMessageLoopStd实验JS调用C++方法,OnQuery消息传递线程过程详解 之前的文章已经提到过JS调用C++方法的方式,我在开发…

2023纠结中前行? 2024继续还是放下?

喝下2023年的第一口雪碧&#xff0c;没有想像中的那么期待&#xff0c;甜水&#xff0c;放弃吧&#xff1b;还是吃些水果吧&#xff0c;不行吃块肉、喝两口酒~ 关于生活 挣扎了10几年的一颗牙“终于“掉了&#xff0c;几个月时间都在为新牙努力着&#xff1b;”进了医院就不在…

【ROS2】MOMO的鱼香ROS2(一)ROS2入门篇——从Ubuntu操作系统开启

从Ubuntu操作系统开启 引言1 术语汇总2 Ubuntu &#xff08;操作系统&#xff09;2.1 Ubuntu权限管理2.2 Ubuntu安装软件2.2.1 使用apt命令安装2.2.2 dpkg安装deb包2.2.3 make install源代码安装 2.3 Ubuntu之常用指令2.3.1 ls命令&#xff08;查看文件&#xff09;2.3.2 cd 命…

2024任务驱动Java程序设计讲课提纲

文章目录 为何采用任务驱动&#xff1f;任务驱动Java程序设计课程概述项目一&#xff1a;踏上Java开发之旅任务1&#xff1a;安装配置JDK并开发第一个Java程序1、安装JDK2、配置JDK环境变量3、开发第一个Java程序 任务2&#xff1a;搭建Java集成开发环境IntelliJ IDEA1、安装In…

Python多进程知识

一 传统编程的缺陷 传统编程的弊端&#xff1a; # 必须按照顺序执行&#xff0c;多个任务无法同时在还行 import timedef sing():for i in range(5):print("sing: hero")time.sleep(1) # 每唱一次&#xff0c;等1秒再唱def dance():for i in range(5):print(…

【网络基础】网络基础知识(学习笔记)

一、局域网的组成 交换机&#xff1a;组建局域网的设备(内网)路由器&#xff1a;连接内外网的设备 二、ip地址 ip地址&#xff1a;设备的唯一标识&#xff0c;32位二进制网络编码点分十进制&#xff1a;x.x.x.x 范围&#xff1a;0-255 三、子网掩码 局域网的同一网段才可以…

Python+Selenium定位到多个相同的元素取指定的那一个

在使用新版的Selenium对网页代码中存在相同class name属性的元素进行定位&#xff0c;在定位的过程中发现使用先前的定位方法已经无法成功对所要操作组件进行定位&#xff0c; 一、老版本元素定位方法&#xff1a; find_elements_by_id() find_elements_by_name() find_eleme…

07|输出解析:用OutputParser生成鲜花推荐列表

07&#xff5c;输出解析&#xff1a;用OutputParser生成鲜花推荐列表 模型 I/O Pipeline 下面先来看看 LangChain 中的输出解析器究竟是什么&#xff0c;有哪些种类。 LangChain 中的输出解析器 语言模型输出的是文本&#xff0c;这是给人类阅读的。但很多时候&#xff0c;你…

livox avia平台搭建

硬件平台搭建 硬件平台的搭建除了livox雷达外还需要以下物料 焊接12V稳压模块接口 livox雷达需要12V的稳定电压供电,因此需要在电池与雷达之间加入8-35V转12V的稳压模块 组装 将各组建组装起来即可。 220V交流电供电 电池供电