百度360必应搜狗淘宝本站头条
分布式事务框架shiro框架框架图cad怎么画框架scrapy框架
当前位置：网站首页 > 技术文章 > 正文

Web ui自动化测试框架总结（web自动化测试框架搭建）

ccwgpt 2024-10-10 04:42 34 浏览 0 评论

实施过了web系统的UI自动化，回顾梳理下，想到什么写什么，随时补充。 首先，自动化测试不是手动测试的替代品，是比较好的补充，而且不是占大比重的补充。 70%的测试工作集中在底层接口测试和单元测试，20%的测试工作为集成测试，其他10%的测试即为界面测试。开发方向：

  1. 尽可能的相通的模块，通用的封装
  2. 开发约定好，便于定位
  3. 适用兼容测试
  4. 无界面运行
  5. 快速定位问题：报错信息、错误截图
  6. 多环境

收益点

  1. 脚本开发时间和复用次数
  2. 快速验证，第一时间响应问题

还可以做哪些？

  1. 兼容性
  2. 多环境
  3. 便于快速定位
  4. 提炼更多通用模块。
  5. 调研更优解决方案，比如：cypress等
  6. case依赖优化
  7. 深度校验

什么样的项目适合web自动化

  1. 系统稳定，太多的阻止程序或更改。
  2. 准备之前，先手工测试，确认自动测试可以涵盖的系统功能。
  3. 需要多系统，多浏览器兼容性测试

什么样的功能点需要web自动化

  1. 主业务流程
  2. 易于实现自动化的web元素、页面
  3. 重复量大的功能

web自动化常见的验证点

  1. 页面元素验证
  2. 页面列表数据验证
  3. 页面元素属性？
  4. UI的文本，图片显示正确性
  5. UI的交互逻辑正确性测试
  6. UI上的用户行为正确性测试

对于web自动化框架常见的需求点

  1. 分布式执行，可以多机器，多浏览器同步执行脚本
  2. 适用于不同环境运行
  3. 分层设计，方便维护
  4. 生成测试报告
  5. 模块的复用
  6. 必要的日志搜集

UI自动化收益点的采集

  1. 回归测试需要定期运行，在自动化时，它们可以节省测试人员的时间，我们可以更专注于其他场景和探索性测试。
  2. 脚本开发时间和复用次数
  3. 误报频率

UI自动化缺点or局限

  1. 不能快速反馈（相对于单元测试和API测试）
  2. 只会对于case已确定的内容进行校验
  3. 运行的稳定性
  4. 发现的错误不多，大多数错误似乎是通过“意外”或进行探索性测试而发现的。这可能是因为在每个探索性测试会话期间，我们可能以不同的方式测试应用程序，从而通过应用程序找到新的漏洞。
  5. 编写优秀且稳定的XPath / CSS定位器所花费的时间，并在底层HTML标记发生变化时更新它们。
  6. UI本身的变化性，要想达到和手工测试相同的覆盖率，投入比较大。

如何进行CI（Continuous Integration），也就是持续集成 ● 持续提交代码 (Check-in)

○ 一天之中多次提交

● 持续构建代码 (Build)

○ 保证在任何时刻代码是可以继续开发的

● 持续部署代码 (Deploy)

○ 保证始终有一个可以部署的版本

● 持续测试代码 (Test)

○ 每次提交均执行单元测试

○ 每天一次或数次集成测试

○ 每天一次或数次系统测试 复制代码 不过，高频的集成，还是用接口更加合适，后面的工作会把系统的交互接口自动化，届时分享。

最后:【可能给你带来帮助的教程】软件测试最新自学教程

相关推荐

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中没有判定元素是否存在的方法，或者判定相同的元...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表