AirTest-selenium基于Web实现UI自动化测试
ccwgpt 2024-10-10 04:43 30 浏览 0 评论
一、简介:
1、AirtestIDE:跨平台的UI自动化测试编辑器,适用于游戏和App;
2、对于自动化测试新手而言,AirTest是一款可快速上手的UI自动化测试框架;
3、在阅读本文章之前,希望大家可以先去看下官方文档,对于airTest是什么,能做什么,以及怎么使用都有非常清晰的介绍;
4、官方文档链接地址为:http://airtest.netease.com/docs/cn/index.html;
二、要求:
Airtest Project上手很容易,但并非没有门槛,我希望大家能够:
(1)、对自动化测试有一些初步了解,有一些代码基础;
(2)、了解Python基本语法,我的脚本基于Python,如果完全对它不了解的话可能需要预先学习一些Python的语法知识;
(3)、准备一个集成开发环境,可以使用AirtestIDE,这个下载成功后直接运行AirtestIDE.exe即可打开测试脚本编辑页面;
(4)、在详细阅读官方文档前,可提前先阅读官网的5分钟快速上手教程,可对AirTestIDE有大致的了解;
(5)、5分钟教程链接:http://airtest.netease.com/tutorial/Tutorial.html;
三、airTest-selenium对于实现web的UI自动化测试步骤如下
(1)、启动AirtestIDE编译器:将下载的安装包解压后进入目录,找到如下图所示的AirtestIDE.exe的执行文件,双击即可,以下截图为我本地的安装目录结构图:
(2)、进入的编译器界面如下截图所示:
(3)、在选项->设置中设定chrome path的值,如下截图所示:
(4)、在窗口中选中:Selenium Window,选中后左下栏会展示辅助栏,如下截图所示:
(5)、初次使用airTest-selenium,可先使用录制功能:
开启浏览器并生成初始化代码:点击
start_web 开启浏览器-点击编辑框中弹出的提示,生成初始化代码如下:
from selenium import webdriver
from selenium.webdriver.common.keys importKeys
from airtest_selenium.proxy import WebChrome
driver=WebChrome()
driver.implicitly_wait(20)
(6)、生成访问待测试网址的代码:浏览器中进入待测试的网页-点击辅助窗的start_web
driver.get("http://news.baidu.com")
(7)、开始Airtest-Selenium脚本录制:点击录制
record - 在浏览器进行操作
(8)、结束录制,运行脚本:点击运行脚本按钮
run_button
(9)、运行结束后,点击报告按钮,查看报告
report
(10)、新建文件方法:点击“文件”->新建脚本,可创建一个以.air结尾的文件,可在该文件内编写测试脚本
完成上面这些步骤,相信大家应该对airTest-selenium有了初步的了解,接下来将会详细介绍如何使用AirtestIDE来编写测试脚本。
四、airTest-selenium实现web自动化测试脚本详解
1、代码内容如下:
2、重点解释说明:
(1)、标记:1中的代码如果使用录制功能,则会自动生成,无需自己编写;
(2)、浏览器窗口的最大化依然可使用python+selenium框架中用到的:
driver.maximize_window()方法来实现;
(3)、标记:2中的代码,对于直接从浏览器中复制而来的xpath路径,粘贴至AirtestIDE编译器中时,会报错,需要使用转义符“\”进行转义;
(4)、标记:3中的代码,测试过程中需要在当前页面重新打开新标签页时,将目标定位到新打开的标签页的实现方法为:driver.switch_to_new_tab();
(5)、标记:4中的代码,测试过程中需要定位的目标元素不在当前所视的页面,需要下拉滚动条才能获取到目标元素信息,该场景的实现方法为:
driver.execute_script("arguments[0].scrollIntoView();", driver.find_element_by_id("buyCy"));
其中:driver.find_element_by_id("buyCy")为目标元素;
(6)、特别介绍:
该方法使用了airtest框架独有的图像识别功能,可根据页面展示的元素按钮,使用该方法对元素进行点击操作;
(7)、其他未重点讲解的代码同python+selenium框架的实现方法,可参考代码片段截图,脚本运行方法和查看测试报告方法同上;
相关推荐
- 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)