Appium 移动端混合型 App (hybrid app) 自动化测试选型与实践

虎卧荒丘 · 2014年07月24日 · 最后由 江门 回复于 2016年05月23日 · 4565 次阅读
本帖已被设为精华帖!

背景

  公司产品的业务已经发展到了移动端,开发选型已经结束,决定使用 phonegap 做移动端的 web 应用开发平台。考虑到业务的复杂与多样,移动端的测试同样需要自动化。在网上看了很多,最终锁定了 3 个移动端测试工具:Selendroid,Appium,Robotium。之所以选择他们 3 个,是因为团队已经有了以 Selenium 为基础的测试框架,而这三个工具与 Selenium 可以说一脉相承。

目标

  基于 phonegap 的混合型 app(hybrid app)web 应用移动端自动化测试

选型过程

Selendroid(放弃)
放弃 Selendroid 的原因是在按照官网教程操作后,运行测试时,报错,拿着报错在网上查询,结果都没有解决。资料少的可怜,后来看到 Appium 中集成了 Selendroid 后,果断放弃。

Robotium(放弃)
其实 Robotium 在尝试的过程中是最顺利的一个,功能也强大。
但其只支持 Android 设备,而且其以 Android Test 工程测试的方式很难集成到公司团队已有的框架中,所以也放弃了。
但是仍然会关注其发展,社区活跃,功能够精深有很多可以借鉴的地方。在 Appium 的研究过程中也起了很大的作用。

Appium(选中)
Appium 支持 ios 和 android 设备,支持 hybrid app,集成了 Selendroid,易于集成到公司现有框架中,社区正在形成,文档资料也在丰富中。
在尝试的过程中虽有曲折,但最后也顺利实现了。

混合型 app 以 Appium 搭建自动化测试开发环境

Appium

官方网址:http://appium.io/

中文社区:http://testerhome.com/

下载地址(由 testerhome 社区提供):http://pan.baidu.com/s/1jGvAISu#dir

附测试 apk:http://pan.baidu.com/s/1nt9KPKl
由于有的小伙伴一直无法调通环境,特写了一个 demo 放到 github 了
项目地址:https://github.com/github1978/appium-hybrid-demo

1. 下载最新版本 AppiumServer 1.2.0,解压后,进入目录下找到 Appium.exe,运行即可,此程序作为 Appnium 与被测设备之间通讯的服务端,出现如下界面说明启动成功

2. 将真机连接到 PC 端

3. 我使用 Eclipse 作为开发 IDE,建立一个 maven 工程 appium-demo,在 pom 中引用了公司框架中的 Selenium 核心工程,这样可以省去添加 Selenium 依赖的过程,同时在 maven 的中央库中找到 Appium 包,并引用

Appium 的 maven 引用
GroupId:io.appium
ArtifactId:java-client
Version:1.5.0

4. 建立工程后,就可以写测试代码了,在工程中建立一个 Junit Test 类 Test1.java,代码如下:

package com.example.hello;

import io.appium.java_client.AppiumDriver;

import java.io.File;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.Set;

import junit.framework.TestCase;

import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.junit.runners.BlockJUnit4ClassRunner;
import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.remote.DesiredCapabilities;

@RunWith(BlockJUnit4ClassRunner.class)
public class Test1 extends TestCase {

    private AppiumDriver driver;

    @Before
    public void start() throws MalformedURLException {
        // 使用phonegap打包的hybrid app路径
        String apppath = "D:\\Work\\codes\\hands\\hands-hello-phonegap\\platforms\\android\\bin\\HelloWorld.apk";

        // 初始化AppniumDriver
        DesiredCapabilities capabilities = new DesiredCapabilities();
        capabilities.setCapability("deviceName", "NX403A");// 真机测试android设备
        capabilities.setCapability("platformVersion", "4.2.2");// 真机android版本为4.2.2
        capabilities.setCapability("platformName", "Android");// 真机为android系统
        capabilities.setCapability("app", apppath);// 被测app apk包的位置
        capabilities.setCapability("appPackage", "com.example.hello");// 被测app的Activity类所在包
        capabilities.setCapability("appActivity", ".HelloWorld");// 被测app的Activity类
        capabilities.setCapability("automationName", "selendroid");// 因为真机为4.2版本,所以使用selendroid
        // http://127.0.0.1:4723/wd/hub地址就是AppiumServer的地址
        driver = new AppiumDriver(new URL("http://127.0.0.1:4723/wd/hub"),
                capabilities);
    }

    @Test
    public void main() {
        try {
            Set<String> contextNames = driver.getContextHandles();
            for (String contextName : contextNames) {
                System.out.println(contextName); // 用于返回被测app是NATIVE_APP还是WEBVIEW,如果两者都有就是混合型App
            }

            Thread.sleep(5000);// 等它一会

            driver.context("WEBVIEW_0");// 让appium切换到webview模式以便查找web元素
            WebElement text_baidusearch = driver.findElement(By.id("word"));
            text_baidusearch.click();// 点击百度的搜索输入框(web元素)

            /*
             * appium不支持中文输入 参考了robotium的以js方式为元素直接设置value的做法
             * 利用Selenium中Webdriver执行js方法实现中文输入
             */
            JavascriptExecutor jse = (JavascriptExecutor) driver;
            jse.executeScript("document.getElementById('word').value='输入法'");

            Thread.sleep(10000);// 等一会观察下效果
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
    }

    @After
    public void stop() {
        driver.quit();
    }

}

工程结构如下

5. 保持被测设备为解锁状态,虽然 Appium 有一个 unlock 的功能,但有时不起作用,所以最好还是将锁屏关闭。运行 Test1.java,得到如下结果

总结

本次选型的结果还不错,下一步就是考察 appium 的可扩展性。
PS:找到了 testerhome 这样的社区,希望能成为一个成熟的、活跃的社区。最终成为测试界的领航者。

共收到 26 条回复 时间 点赞

大赞~~很希望大家都来加入 testerhome~~给我们增加新的血液~~

#1 楼 @monkey 嗯 以后会常在社区做交流 :)多多关照

#2 楼 @umbrella1978 1.5 坑很多吧?感觉都没经过检验

#3 楼 @lihuazhang 正在深入了解,也许不久就会碰到:P

楼主的头像稍微有点熟悉了。。

看得我也想尝试用 Appium 来做自动化 ==》==

文章结构清晰有条不紊视为发帖范文!@umbrella1979你是混合模式的 app,那 ui 自动化可以完全整合进你 web 的测试框架!

#7 楼 @luis 嗯 一直在做,这次的目的也将移动端的 UI 自动化整合到框架中

匿名 #9 · 2014年07月25日

要测的 app 是 NATIVE_APP,请问有方法可以输入中文吗😭

狂赞,希望以后多多分享使用经验。多多支持我们这个技术驱动型的测试社区。

#9 楼 @liqing380 可以,appium 有成熟的方案了。可以参考论坛上的帖子。

hybrid app 如何定位 webview 中的元素?去网页上获取?

#12 楼 @adfghzhang 是的,如果是 wap 网页,就用 wap 浏览器去浏览,这里推荐用 chrome 或者火狐上一个在线 wap 浏览的地址。例如下面这个:http://www.pctowap.com/
这样用 chrome 的开发者工具(审查元素)的功能就能获取到元素的属性
如果是内网的话,需要使用 chrome(需要开发版)或者遨游浏览器模拟手机模式去访问,推荐用遨游
可以看这个资料:http://www.iqshw.com/qqjiqiao/20140214/71831.html
另外要注意的是像百度搜索这种,在用 2G 网络、3G 网络和 wifi 下的页面会有不同,需要注意,如果是自己内部的项目有必要的话也要注意

#13 楼 @umbrella1978 helloworld.apk 的内容是什么?就是一个 webview 吗?能发个给我看看吗

#14 楼 @luckystaff 这个 apk 是用 phonegap 打包出来的,其实只是在其中加了一个跳转链接访问指定地址而已
apk 已经上传到:http://pan.baidu.com/s/1nt9KPKl
关于 phonegap 可以去查查资料,跨平台的混合 app 解决方案

麻烦问一下,appium 测试结束后自动生成的测试报告,以及测试过程中发现问题的统计、log 的抓取这些是一个怎样的情况呢,有没有已经涉及到了?

#16 楼 @sas 这些都需要自己去实现 appium 只是提供一个自动化的工具,需要我们自己在脚本中插入检查点、截图以及收集信息输出测试报告

迄今为止,在这里看到最好的帖子!拜谢。

大赞一个

楼主,您好!selendroid 模式启动一定要加 app=‘被测 app’ 这句吗?如果使用 selendroid 模式,但不加这句是不是回报错?

中文输入早已支持,需要你在代码里输入,http://www.cnblogs.com/cingchen/p/4319012.htmltry这里有介绍,还有等待用 catch 等待元素加载的办法不是很方便,有时候手机卡了就会运行失败,可以借鉴这个http://www.cnblogs.com/cingchen/p/4347853.html

我直接在手机 chrome 里输入 www.baidu.com, 然后执行
for (String contextName : contextNames) {
System.out.println(contextName); // 用于返回被测 app 是 NATIVE_APP 还是 WEBVIEW,如果两者都有就是混合型 App
}

输出结果是 NATIVE_APP 和 WEBVIEW_1.为什么会这样呢?纯 webview 不应该输出 WEBVIEW_0 吗?

而且关于如何获得百度搜索框的 ID 可以给出更详细点的步骤吗?

小白在此谢过。。

#22 楼 @sunflower 你的 chrome 不是 native app 么?

问个问题, 对于微信公众号,如何自动化测试呢?

#15 楼 @umbrella1978 求助楼主,我用手机 chrome 打开我们的 H5 页面可以获取到 webview 的 content,在微信里进入 H5 就获取不到这个 CONTENT,然后用 chrome 里获取到的 content 在微信里切换 webview,也不成功~有什么高见么?

27楼 已删除

#13 楼 @umbrella1978

用 chrome 的 INSPECT 可以实现,不过需要 ***。。。。

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册