美文网首页小强测试技术与人生杂谈移动测试自动化测试
Appium自动化测试之微信h5元素识别和代码实战

Appium自动化测试之微信h5元素识别和代码实战

作者: 测试帮日记 | 来源:发表于2018-02-26 14:06 被阅读237次

    引子

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

    微信的本质

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

    如何查看微信webview中的元素

    几个前提:

    1、手机打开【开发者模式】

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

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

    4、可以翻墙。。。你懂的

    有了这几个前提之后就可以正式开始了,敲黑板。。。。

    1、打开微信,在任意对话框中输入debugx5.qq.com并发送

    2、点击发送成功的debugx5.qq.com,稍等片刻进入设置页面

    3、切换到【信息】,勾选【是否打开tbs内核】,如图

    4、退出设置

    5、进入【发现】>【看一看】

    6、打开chrome,地址栏输入chrome://inspect/#devices,可以看到设备或者你访问的资源(看不到的自己google,很多文章介绍)

    7、随便点击【看一看】里的一篇文章,在chrome中会自动显示出来,如下图中的专题就是点击之后出来的

    8、点击对应的【inspect】就可以看到页面了,接下来就可以轻松识别元素了,和用f12查看元素没有区别,如果你还不会请自行面壁去吧

    (此处需要翻墙,否则显示的是白页)

    代码实战

    上面这些搞定了,在Appium里写代码就简单了,先说下关键的几个点:

    1、#必须加上此句

    desired_caps['chromeOptions']={'androidProcess': 'com.tencent.mm:tools'}

    小强提示:

    微信的package name=com.tencent.mm,activity=com.tencent.mm.ui.LauncherUI,不要问我怎么知道的。。。

    2、#可以通过下面的语句输出webview的名称

    contexts=driver.contexts

    print('contexts=',contexts)

    3、#使用下面的语句切换到指定的webview里

    driver.switch_to.context('WEBVIEW_com.tencent.mm:tools')

    4、切换到webview里面,剩下的定位方式和web一模一样,就是上面讲的元素识别方法

    5、#如果想返回原生态的view,可以用下面的语句

    driver.switch_to.context("NATIVE_APP")#参数固定

    #以打开微信>点击【发现】>点击【看一看】>获取文章列表中某个文章的标题为例,其中进入【看一看】之后就是webview了。

    fromappium importwebdriver

    importtime

    #QQ群522720170

    desired_caps ={}

    desired_caps ={

        'platformName': 'Android',

        'platformVersion': '23',

        'deviceName': 'Android Emulator',

        'unicodeKeyboard': 'True',

        'resetKeyboard': 'True',

        'appPackage': 'com.tencent.mm',

        'appActivity': 'com.tencent.mm.ui.LauncherUI',

        'chromeOptions': {'androidProcess': 'com.tencent.mm:tools'}

    }

    driver =webdriver.Remote('http://127.0.0.1:4723/wd/hub', desired_caps)

    time.sleep(10)

    driver.find_element('name','发现').click()

    time.sleep(10)

    driver.find_element('name',"看一看").click()

    time.sleep(10)

    #获取当前上下文

    c=driver.contexts

    print(c)

    #输出结果['NATIVE_APP', 'WEBVIEW_com.tencent.mm:tools']

    #切换为 webview,名称就是从上面的语句得来的

    driver.switch_to.context('WEBVIEW_com.tencent.mm:tools')

    #获取h3标签的文本并打印出来

    titles =driver.find_elements('tag name','h3')

    print(titles[2].text)

    至此就全部搞定了,是不是很简单?

    相关文章

      网友评论

      • nmvjhd:大神,有碰到切换到webview的context的时候报chrome not reachable的错误吗,快被这个问题搞死了,我QQ 269954102,求助,:sob:

      本文标题:Appium自动化测试之微信h5元素识别和代码实战

      本文链接:https://www.haomeiwen.com/subject/pukyxftx.html