APP内的H5页面测试方法， 移动端的浏览器（例如UC浏览器）测试方法

前言：

用appium做UI自动化，测试APP里面的H5和测试手机浏览器打开的H5的操作流程上是有所区别的。比如要测试APP内嵌的H5需要先操作appium启动APP，然后通过context切到webview模式，才能操作H5页面，但是如果测试手机网页的话就比较简单了，设置好浏览器比如选择Chrome，直接访问网址就好了。

APP内嵌H5：

如何判断APP里面是否有H5呢， 使用uiautomaterview的时候发现页面元素含有webview，这就说明这个APP是混合应用，那么如何测试这个APP内部的H5页呢？

准备工作：

移动端

在eclipse/IDEA 中配置AndroidSDK环境（Android6.0、ADT23.0）
将手机与PC通过USB连接，开启USB调试模式；
使用360手机助手或在dos窗口输入adb devices查看手机驱动连接是否成功；

PC端

在Chrome浏览器地址栏输入chrome://inspect，进入调试模式；
此时页面显示了手机型号、驱动名称、APP要调试的WebView名称；
点击inspect，若成功加载与APP端相同界面的调试页面，则配置成功；
若获取不到WebView或者调试页面预览框显示空白，则需要进行VPN破解–安装FQ软件（由于默认的DevTools使用的是appspot服务器,这在国内是需要翻越GWF）

原理：

Appium通过 chromedriver-port 9515端口进行通信，驱动安卓手机上的WebView；

查看手机系统应用Android System WebView显示的Chrome版本，下载与之对应的chromedriver并添加到Appium安装目录下的chromedriver目录，保证驱动程序版本对应，Appium后台启动时会自动重启chromedriver，此时后台不会出现等待chromedriver启动现象；

//杀掉chromedriver进程并重启，要先切换到NATIVE_APP（包括微信端）
public static void RestartChromedriver() throws Exception{
    Runtime.getRuntime().exec("taskkill /F /im chromedriver.exe");
    System.setProperty("webdriver.chrome.driver", "D:\\Appium\\node_modules\\appium\\node_modules\\appium-chromedriver\\chromedriver\\win\\chromedriver.exe");
}

如果端口被占用了，先停掉端口应用，再启动chromedriver

 

Appium切换context、切换webview

import java.util.Set;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.WebElement;
import com.tms.app.itms.logs.Log;
import io.appium.java_client.android.AndroidDriver;

public class ITMS_GetElement{
    public static void getContextHandle(AndroidDriver<WebElement> driver) {
        Set<String> context = null ;
        for(int i=1;i<=20;i++){
            context = driver.getContextHandles();
            for(String contextName : context) {
                System.out.println(contextName);//打印当前上下文
                if(contextName!=null && contextName.contains("WEBVIEW_com.quantum.Tmsp7")||contextName.contains("WEBVIEW_com.tencent.mm:tools")){
                    switchTo_WEBVIEW(driver);
                    driver.getPageSource();
                    return;
                }
                if(i==20) assert false;
            }
            Log.goSleep(1);
        }
    }
    
    public static void switchTo_WEBVIEW(AndroidDriver<WebElement> driver) {
        String str = driver.currentActivity();//检查当前APP
        
        for(int k=0;k<30;k++){
            try {
                if(str.equals(".MainActivity")){
                    driver.context("WEBVIEW_com.quantum.Tmsp7");
                    return;
                }else if(str.equals(".plugin.webview.ui.tools.WebViewUI")){
                    driver.context("WEBVIEW_com.tencent.mm:tools");
                    return;
                }
            } catch (Exception e) {
                if(k<10){
                    Log.info("switch...");
                }if(k==30){
                    Log.fatal(driver, "switch fail!", e);
                }
            } finally{
                driver.manage().timeouts().implicitlyWait(1, TimeUnit.SECONDS);
            }
        }
    }
}

View Code

切换到webdriver之后，测试脚本类似Selenium,后面就可以像测试WEBUI一样写脚本了

//loginSubmit
ITMS_GetElement.getContextHandle(driver);
driver.findElementById("username").sendKeys("15029200344");
driver.findElementById("password").sendKeys("111111");
driver.findElementByCssSelector("#loginSubmit").click();
// switchTo_NATIVE 获取当前地理位置——检查[允许]按钮
ITMS_GetElement.getAlertTitleNewThread(driver);//小米、华为
Thread.sleep(3000);
ITMS_GetElement.switchTo_WEBVIEW(driver);
driver.quit();

直接测试浏览器：

这一块没什么难度，主要是通过appium连接真机，然后启动你要测试的浏览器，后面的测试用例编写就和Selenium 一样了

模块的主要作用就是连接真机，所需的参数我没有直接写死在代码里面而是通过配置文件读取到程序里面，这个是为了后面部署到jenkins上面方便配置，具体可以参见工程里面的MyConfig.prop文件。

package testdriver;
 
import io.appium.java_client.android.AndroidDriver;
import io.appium.java_client.ios.IOSDriver;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.remote.DesiredCapabilities;
import testdata.GlobalVars;
import java.io.BufferedInputStream;
import java.io.FileInputStream;
import java.io.InputStream;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.Properties;
 
public class BaseDriver {
 
    public static WebDriver driver;
 
    /**
     * 启动driver
     * @return
     */
    public void startDriver() throws MalformedURLException {
 
        /**
         * 初始化appium webdriver
         */
        initializeTestData();
 
        DesiredCapabilities capabilities = new DesiredCapabilities();
        capabilities.setCapability("deviceName", GlobalVars.DEVICE_NAME);
        capabilities.setCapability("browserName", GlobalVars.BROWER_NAME);
        capabilities.setCapability("platformVersion", GlobalVars.PLATFORM_VERSION);
        capabilities.setCapability("platformName", GlobalVars.PLATFORM_NAME );
        capabilities.setCapability("noReset", GlobalVars.NO_RESET);
        capabilities.setCapability("unicodeKeyboard", true);
        capabilities.setCapability("resetKeyboard", true);
 
        if (GlobalVars.PLATFORM_NAME.contains("iOS")){
            capabilities.setCapability("udid", GlobalVars.UDID);
            driver = new IOSDriver(new URL(GlobalVars.APPIUM_SERVER), capabilities);
        }else{
            driver = new AndroidDriver(new URL(GlobalVars.APPIUM_SERVER), capabilities);
        }
 
        driver.get(GlobalVars.TEST_URL);
    }
 
    /**
     * 退出driver
     */
    public void stopDriver(){
        driver.quit();
    }
 
    /**
     * 初始化测试环境数据
     */
    private void initializeTestData(){
        Properties prop = new Properties();
        try{
 
            //读取属性文件a.properties
            InputStream in = new BufferedInputStream(new FileInputStream("MyConfig.prop"));
            ///加载属性列表
            prop.load(in);
 
            GlobalVars.DEVICE_NAME = prop.getProperty("device_name");
            GlobalVars.PLATFORM_NAME = prop.getProperty("platform_name");
            GlobalVars.PLATFORM_VERSION = prop.getProperty("platform_version");
            GlobalVars.UDID = prop.getProperty("udid");
            GlobalVars.BROWER_NAME = prop.getProperty("brower_name");
            GlobalVars.APPIUM_SERVER = prop.getProperty("appium_server");
            GlobalVars.NO_RESET = prop.getProperty("no_reset").equals("true")?true:false;
            GlobalVars.TEST_URL = prop.getProperty("test_url");
 
            in.close();
        }
        catch(Exception e){
            System.out.println(e);
        }
    }
 
 
}
 

View Code

配置文件：

device_name=i
platform_name=Android
platform_version=7.0
brower_name=chrome
udid=827dc51fd4adcc5234164e581f63bcba11547923
appium_server=http://127.0.0.1:4723/wd/hub
no_reset=true
test_url=http://m.baidu.com

PageHomeElms主要功能是对页面元素的初始化并提供页面元素的对象。 初始化元素用到了两种方式，
首先该类初始化的时候回通过PageFactory模式定位到当前页面已经加载出来并且被@FindBy标记的元素，
如果元素是后加载的或者PageFactory没有定位到的话后面还可以通过webdriver的findElement方法定位

package pageobjects.pages;
 
import pageobjects.baseclass.PageObjectBase;
import pageobjects.pageselements.PageHomeElms;
 
public class PageHome extends PageObjectBase {
 
    private PageHomeElms homePageElms = new PageHomeElms();
 
    /**
     * home页面的无参构造函数，初始化一下页面元素
     */
    public PageHome(){
        //页面元素初始化，只订单当前页面已经加载完的元素
        homePageElms = homePageElms.initElements();
    }
 
 
    public PageHome inputSearchWord(String keyword){
        input(homePageElms.getSearchBox(),keyword);
        return this;
    }
 
    public PageHome tapSearchBtn(){
        tap(homePageElms.getIndexBtn());
        return this;
    }
 
}

View Code

PageHome的主要功能是向testcase提供页面的各种操作，比如页面的滑动，元素的点击，是否可见等。

package pageobjects.pageselements;
 
import org.openqa.selenium.By;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.FindBy;
import pageobjects.baseclass.ElementsBase;
 
/**
 * Home页面的元素
 */
public class PageHomeElms extends ElementsBase {
 
    //搜索输入框
    public static final String xpathSearchBox = "//*[@id=\"index-kw\"]";
    public static final By locatorSearchBox = new By.ByXPath(xpathSearchBox);
    @FindBy(xpath = xpathSearchBox)
    private WebElement searchBox;
 
    //"百度一下"button，以下列举了三种xpath方式获取元素
    //public static final String xpathIndexBtn = "//*[@class=\"se-bn\"]";
    //public static final String xpathIndexBtn = "//*[@id=\"index-bn\"]";
    public static final String xpathIndexBtn = "//button[contains(text(),'百度一下')]";
    public static final By locatorIndexBtn = new By.ByXPath(xpathIndexBtn);
    @FindBy(xpath = xpathIndexBtn)
    private WebElement indexBtn;
 
    /**
     * 初始化元素
     * @return 当前页面对象
     */
    public PageHomeElms initElements(){
        //通过PageFactory工具加载当前页面已有元素,未加载的元素后续可以通过定位器单独找到
        return locatePgElms(PageHomeElms.class);
    }
 
    /**
     * 获取元素 SearchBox, 如果PageFactory方式没有定位到该元素，
     * 则通过传统的方式获取
     * @return
     */
    public WebElement getSearchBox(){
        if (searchBox == null){
            return locateElement(locatorSearchBox);
        }else{
            return searchBox;
        }
    }
 
    /**
     * 获取元素 IndexBtn, 如果PageFactory方式没有定位到该元素，
     * 则通过传统的方式获取
     * @return
     */
    public WebElement getIndexBtn(){
        if (indexBtn == null){
            return locateElement(locatorIndexBtn);
        }else{
            return indexBtn;
        }
    }
 
 
}

View Code

测试用例：

package testcases;
 
import org.testng.annotations.*;
import pageobjects.baseclass.PgNavigator;
import testdriver.BaseDriver;
import java.net.MalformedURLException;
 
public class TestCaseBase {
 
    public BaseDriver baseDriver = new BaseDriver();
 
    public PgNavigator pgNavigator;
 
    @BeforeSuite
    public void beforeSuit() throws MalformedURLException {
        //整个测试库运行期间只启动一次driver
        baseDriver.startDriver();  
    }
 
    @BeforeClass
    public void beforeClass(){
 
    }
 
    @BeforeMethod
    public void beforeTest(){
        //每个测试方法运行前清空一下页面池
        pgNavigator = new PgNavigator();
    }
 
    @AfterMethod
    public void afterTest(){
 
    }
 
    @AfterClass
    public void afterClass(){
 
    }
 
    @AfterSuite
    public void afterSuit(){
        baseDriver.stopDriver();
    }
 
}

详细可参考：https://blog.csdn.net/armarm9/article/details/82111278