Robot Framework+Appium之微信H5自动化测试

简介: 前言总会有人问微信的自动化测试怎么做。其实我不太明白,为啥你要对ta做自动化测试啊,除非你们公司产品是基于微信做的开发否则没必要。即使一个公众号我也觉得没必要做自动化测试,基本功能点下没问题就可以了,毕竟都是配置的,除非你后台配置错了。

前言

总会有人问微信的自动化测试怎么做。其实我不太明白,为啥你要对ta做自动化测试啊,除非你们公司产品是基于微信做的开发否则没必要。即使一个公众号我也觉得没必要做自动化测试,基本功能点下没问题就可以了,毕竟都是配置的,除非你后台配置错了。(有时候真搞不懂这胡乱的测试,你咋不把整个微信都测一遍啊)

本质

微信其实就是一个混合的app,客户端里嵌入的webview,明白这个就好说了。大家一定要注意,app中的native可以用uiaotumator来查看元素,但webview里的ta是不行的可以使用chrome来查看,这个是很多初学者不明白的地方。

一、微信NATIVE_APP界面中的元素

app原生元素定位(常用)

driver.find_element_by_id(“resourse-id”)

driver.find_element_by_name(“text”)

driver.find_element_class_name(“class”)

driver._find_element_by_accessibility_id("content-desc")

img_708068167ec7d6638be1d0d5babbb6ee.png
NATIVE_APP元素定位示例

二、微信webview页面中的元素定位

>手机打开【开发者模式】

>app必须是debug模式(别问我怎么弄,自己问开发去)

>手机通过USB连接电脑,且能够识别出来手机(不会的自己google去。。。)

>可以FQ。。。你懂的(真不懂的话看这里的杀手锏:Appium之离线方式连接真机

>具体打开调试操作步骤见《Appium之测试微信小程序 Webview》篇

img_62d6a34313efeca23c872628302de47b.png
webview 页面元素定位

三、Robot Framework + Appium代码实战

1、测试用例目录

img_7ab7390b9cc22558c05ad48a95fe2267.png
文件目录

2、测试用例

img_2f7713b94d33e9fe9ee42eb4db03629e.png
测试用例

3、关键字

img_aacd1b94072722c451c80b6465a7aa21.png
关键字

4、环境配置

img_88a3f258d489808adabd9a75843519d9.png
环境配置

5、创建目录步骤如下:

>首先双击打开robot.bat启动,然后创建文件夹并命名如下

img_903204c444aa2b3a7bc580998e1035dd.png
创建文件

>相关资源配置

img_2a4d09eebd4b5e60f990c8cc840967e8.png
资源配置1
img_40606001de7c547cd947e703a9353f10.png
资源配置2

>点击元素和输入文本框

img_6fd1e10df803d9f7b8bdd79ecce454e4.png
元素定位方法

>点击坐标和模拟键盘

img_d49aacb296e10bc49d15a05c998b130c.png
元素定位方法2

>页面包含元素和获取元素属性

img_2a3371aa9a5f67271754324f20ae9407.png
元素定位方法3

>滑动屏幕

img_df60613d7be6b3f955e13f35c3555bab.png
元素定位方法4

>执行N次循环并退出

img_f09f020f7b0cd6eccc5a313811237cc8.png
元素定位方法5

>执行N次循环

img_a33ea1a689856dfd5d085a2bc237249b.png
元素定位方法6

四、遇到的问题

本篇是使用小米5S、Android 7.0版本验证的,为此需要注意以下几点

1、在手机端‘设置--更多设置--开发者选项’分别打开按钮开关:1).开启开发者选项;2).USB调试;3).USB安装;4).USB调试(安全设置)

2、查看是否是webview页面NATIVE_APP页面可以打开手机端‘设置--更多设置--开发者选项---绘图中的‘显示布局边界’按钮’

3、【已解决】Chrome的DevTools的Inspect出错:404 Not Found The resource could not be found

img_374516777984e8cef3fd74cbebf729bb.png
404报错

4、Chrome调试Android应用(Debug)

目录
相关文章
|
12天前
|
移动开发 JavaScript
Vue——H5微信内支付(四)
10月更文挑战第11天
34 2
|
18天前
|
移动开发 JavaScript 前端开发
Vue——H5微信内支付(一)
10月更文挑战第8天
35 1
|
2月前
|
人工智能 数据可视化 API
10 分钟构建 AI 客服并应用到网站、钉钉或微信中测试评
10 分钟构建 AI 客服并应用到网站、钉钉或微信中测试评
95 2
|
29天前
|
Java 测试技术 C#
自动化测试之美:从Selenium到Appium
【10月更文挑战第3天】在软件开发的海洋中,自动化测试如同一艘航船,引领着质量保证的方向。本文将带你领略自动化测试的魅力,从Web端的Selenium到移动端的Appium,我们将一探究竟,看看这些工具如何帮助我们高效地进行软件测试。你将了解到,自动化测试不仅仅是技术的展示,更是一种提升开发效率和产品质量的智慧选择。让我们一起启航,探索自动化测试的世界!
|
11天前
|
移动开发 前端开发
|
12天前
|
移动开发 JavaScript
Vue——H5微信内支付(五)
10月更文挑战第12天
21 2
|
14天前
|
移动开发 JavaScript
Vue——H5微信内支付(三)
10月更文挑战第10天
33 1
|
17天前
|
移动开发 JavaScript
Vue——H5微信内支付(二)
10月更文挑战第9天
27 1
|
20天前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
142 3
|
26天前
|
Web App开发 移动开发 前端开发
H5微信外支付(移动端浏览器)
H5微信外支付(移动端浏览器)
34 0
 H5微信外支付(移动端浏览器)