UI自动化测试、功能自动化case、界面自动化case相关总结
ccwgpt 2024-10-10 04:43 26 浏览 0 评论
UI自动化测试、功能自动化case、界面自动化case其实都是一个内容,就是页面级的自动化case
1、ui自动化测试它的实用性
ui自动化在某些特定性质的项目上才能发挥特别大的节省人力作用。
这里说的特定性质的项目就比如包括某些模块并不是经常迭代的,如果你某个系统经常快速迭代,当你完成了某个版本的自动化case编写,再次使用时将会变得非常鸡肋,没有什么用处,而且这样的系统case就会暴露出来弊端,后期特别需要大量的人力去维护它。
但是当系统中某个模块并不是经常变动,经常保持长期稳定,那它的ui自动化测试还是可以做起来的,因为经过积累沉淀下来后不用大人力的长期维护,而且的确可以提升测试效率,节省测试人力。
那就会有一些实质性的好处:
1、小需求变动就可以节省测试人力。如果项目达到一个免测状态,跑一下ui自动化测试case,看一下结果报告,当有问题时,检查一下,无问题时,就可以上线了。
2、可以作为线上监控回归。如果系统没有配备线上功能监控能力,那就可以通过ui自动化的方式来做线上的功能监控啊,只需要配置线上的url地址,就可以直接产出监控报告了。
2、配置ui自动化case
框架Selenium+Testng+Java语言
1) Selenium:它是封装好的工具包,当你使用的时候需要引入jar包就可以了。它最主要的两个类元素就是webdriver和webelement了,webdriver则代表浏览器的驱动器实例,webelement则代表页面上需要自动化测试的元素实例。这里webelement实例,其实是通过webdriver实例的findElement()方法来建立的。
2) 如何定位页面元素:其实定位页面元素的方法有很多,当我们打开一个前端页面源代码的时候,可以看到每个标签中会包含很多的元素,这里前端自动化测试的实现就是定位标签中的元素来完成的。
它有很多定位元素的方法,By.id、By.name、By.xpath、By.className、By.tagName、By.xxxxx等等
3)比如想用By.id、By.name定位,这时你可以使用火狐或者是chrome浏览器,打开控制台,找到elements,就可以看到页面的源码,在源码中找到元素的id、name 就可以了,如图
4)比如想用By.xpath定位,这时你可以使用火狐或者是chrome浏览器,打开控制台,找到elements,就可以看到页面的源码,在源码中找到元素的xpath就可以了,如图
5)当你创建好了webdriver类后,就可以调用它的方法webdriver.findElement(By.xpath("//span[@class='xxxxxx']"));完成ui自动化页面元素的定位了,xpath的语法就是 //标签名[@class或者id='xxxxxx']
6)当你了解的Selenium基本功能后,可以把其中的很多功能都抽象成公共方法,这样使用起来就更方便了。
3、testng框架:
这里我的自动化测试框架开发主要是在eclipse上的,如何安装 选择Help--Install New Software--点击add--name中输入TestNG,location中输入“http://beust.com/eclipse/”,点击ok--在弹出的install对话框中勾选TestNG复选框--Next--Accept--Finish 这样我们就把它安装完了。
1)testng有什么优点:整洁直观的HTML格式测试报告,可直接浏览器打开浏览;支持并发测试,单个配置文件中可配置多个testng测试类;数化测试更简单;支持输出日志;支持更多功能的注解
2)编写TestNG测试用例的步骤:使用 Eclipse生成TestNG的测试程序框架;在生成的程序框架中编写测试代码逻辑;根据测试代码逻辑,插入TestNG注解标签;配置Testng.xml文件,设定测试类、测试方法、测试分组的执行信息;执行TestNG的测试程序
3)每个测试方法都需要加上@Test注释,代表当前方法为testng运行的测试方法,还有很多注解:
4)运行case:直接在你的测试类右击、或者可以右击testng的配置文件,选择Run as ,testng就可以了执行顺序如下@BeforeSuite > @BeforeTest > @BeforeMethod > @Test > @AfterMethod > @AfterTest > @AfterSuite
5)报告格式:
1、一种是testng的运行结果,这里直接列出所有case函数,绿色代表通过,红色代表未通过,点击某一条case结果后,右侧会给出详细信息,如图
2、是testng的运行报告:在test-output/index.html 这里会给出运行case方法总数,失败数量,成功数量,具体的失败方法,点击后也可查看
相关推荐
- React 开发翻车现场!这 6 个救命技巧,90% 工程师居然现在才知道
-
前端圈最近都在卷React18新特性,可咱开发时踩的坑却一个比一个离谱!组件卡死、状态乱套、路由错乱...别担心!今天分享6个超实用的React实战技巧,让你轻松拿捏开发难题,代码直接...
- Web前端:React JS越来越受欢迎,它的主要优点为什么要使用它?
-
ReactJS是一个开源JavaScript库,用于为单页应用程序构建用户界面,它还为不同的移动应用程序提供视图层,并创建可重用的UI组件。 我们可以在Web应用程序的数据中创建特定的更改,而...
- 性能焦虑!前端人必看!5 个 React 组件优化神技! 颠覆你的认知!
-
在前端开发的赛道上,性能优化就像一场永不停歇的马拉松。作为前端工程师,你是否常常为React组件的性能问题头疼不已?页面加载缓慢、组件频繁重渲染,这些痛点分分钟让开发进度受阻。别担心!今天就来分享...
- React 实战必学!99% 工程师踩过的 5 大坑,3 招教你轻松破解
-
前端开发的小伙伴们,咱就是说,React现在可是前端界的“顶流明星”,热度一直居高不下!但用它开发项目的时候,是不是总有那么些瞬间,让你怀疑人生,对着屏幕疯狂抓头发?别慌!今天就给大家分享几个超实...
- 惬意!午间一道 React 题,轻松拿捏前端面试小技巧
-
忙碌了一上午,眼睛酸涩、脑子发懵?别急着刷短视频“放空”,不如花几分钟和我一起“品尝”一道React面试题小甜点!就像在阳光洒满窗台的午后,泡一杯热茶,惬意又能悄悄涨知识,何乐而不为?最近,...
- 一起深入盘点 2025 年 React 发展的 10个趋势?
-
大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!1.React服务器组件React服务...
- 前端掉坑血泪史!4 个 React 性能优化绝招让页面秒开
-
在前端圈子里摸爬滚打这么多年,我发现React开发时踩坑的经历大家都大同小异。页面加载慢、组件频繁重渲染、状态管理混乱……这些痛点,相信不少前端工程师都感同身受。别愁!今天就给大家分享4个超...
- 前端人崩溃瞬间!5 招 React 实战技巧让项目起死回生
-
有没有在写React项目时,遇到页面卡顿到怀疑人生、数据更新不及时、代码逻辑混乱到无从下手的情况?别慌!作为摸爬滚打多年的前端老炮,今天就把5个救命级的React实战技巧倾囊相授,帮你轻松...
- 8.3K star!React Bits,让你拥有全网几乎所有动画效果
-
前端开源项目101专栏:一个能让你更快接触到高质量开源项目的地方。我会探索分享精选101个高质量的开源项目。这是系列的第7篇文章,分享一套拥有计划全网所有动画效果,且创意最丰富的动画React组...
- 开始学习React - 概览和演示教程
-
#头条创作挑战赛#本文同步本人掘金平台的原创翻译:https://juejin.cn/post/6844903823085944846当我刚开始学习JavaScript的时候,我就听说了React,但...
- 阿里AI工具Web Dev上线!一句话生成React网页
-
5月11日,阿里巴巴推出全新AI工具“WebDev”,支持用户通过一句话指令生成网页应用。该工具集成HTML、CSS、JavaScript三大前端核心技术,并统一采用React框架实现,可在数秒内创...
- JS流行框架/库排名Top100,看看你熟知的Js排第几
-
权威的JavaScript趋势榜stats.js.org每15分钟根据github上的stars和forks总数实时汇总出JavaScript开源项目的流行度排名,一起来看看你所熟知的项目排名第几...
- 新手如何搭建个人网站
-
ElementUl是饿了么前端团队推出的桌面端UI框架,具有是简洁、直观、强悍和低学习成本等优势,非常适合初学者使用。因此,本次项目使用ElementUI框架来完成个人博客的主体开发,欢迎大家讨论...
- 站在巨人肩膀上的 .NET 通用权限开发框架:Admin.NET
-
站在巨人肩膀上的.NET通用权限开发框架Admin.NET是一个面向.NET程序员的低代码平台,java平台类似的框架有ruoyi,芋道,JeelowCode等。这类框架普遍采用前后端分离的开发技...
- Python+selenium自动化之判定元素是否存在
-
在测试过程中,我碰到过这类的问题,使用find_element却找不到某个元素而产生异常,这就需要在操作某个元素之前判定该元素是否存在,而selenium中没有判定元素是否存在的方法,或者判定相同的元...
你 发表评论:
欢迎- 一周热门
- 最近发表
-
- React 开发翻车现场!这 6 个救命技巧,90% 工程师居然现在才知道
- Web前端:React JS越来越受欢迎,它的主要优点为什么要使用它?
- 性能焦虑!前端人必看!5 个 React 组件优化神技! 颠覆你的认知!
- React 实战必学!99% 工程师踩过的 5 大坑,3 招教你轻松破解
- 惬意!午间一道 React 题,轻松拿捏前端面试小技巧
- 一起深入盘点 2025 年 React 发展的 10个趋势?
- 前端掉坑血泪史!4 个 React 性能优化绝招让页面秒开
- 前端人崩溃瞬间!5 招 React 实战技巧让项目起死回生
- 8.3K star!React Bits,让你拥有全网几乎所有动画效果
- 开始学习React - 概览和演示教程
- 标签列表
-
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- bootstrap框架 (43)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- laravel框架 (46)
- express框架 (43)
- springmvc框架 (49)
- 分布式事务框架 (65)
- scrapy框架 (56)
- shiro框架 (61)
- 定时任务框架 (56)
- grpc框架 (55)
- ppt框架 (48)
- 内联框架 (52)
- winform框架 (46)
- gui框架 (44)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)
- oracle提交事务 (47)