51Testing软件测试论坛

标题: Appium Android 元素定位方法 原生+H5 [打印本页]

---

作者: 恭喜发财dife    时间: 2018-2-23 16:16
标题: Appium Android 元素定位方法 原生+H5
1.定位元素应用元素

1.1通过id定位元素

Android里面定位的id一般为resrouce-id：
[attach]110935[/attach]
代码可以这样写：

1. WebElement element = driver.findElement(By.id("com.tencent.mm:id/do"));

复制代码

或者：

1. driver.findElementById("com.tencent.mm:id/do")

复制代码

下面的例子展示的是通过id定位到元素并点击：

1. @Test
   
2. 
   
3. public void doClick() {
   
4. 
   
5.     //通过id查找元素
   
6. 
   
7.     WebElement el = driver.findElement(By.id("com.tencent.mm:id/do"));
   
8. 
   
9.     el.click();
   
10. 
    
11.     //等待3s观察显示
    
12. 
    
13.     try {
    
14. 
    
15.     Thread.sleep(3000);
    
16. 
    
17.     } catch(InterruptedException e) {
    
18. 
    
19.     e.orintStackTrace();
    
20. 
    
21.     }
    
22. 
    
23. }

复制代码

1.2通过name定位元素

一般text属性认为是name
[attach]110936[/attach]

1. @Test
   
2. 
   
3. public void doClick() {
   
4. 
   
5.     //通过name查找元素
   
6. 
   
7.     WebElement el = driver.findElement(By.name("昵称"));
   
8. 
   
9.     el.click();
   
10. 
    
11.     //等待3s观察显示
    
12. 
    
13.     try {
    
14. 
    
15.     Thread.sleep(3000);
    
16. 
    
17.     } catch(InterruptedException e) {
    
18. 
    
19.     e.orintStackTrace();
    
20. 
    
21.     }
    
22. 
    
23. }

复制代码

1.3通过ClassName定位元素

classname指的是class属性
[attach]110937[/attach]

1. @Test
   
2. 
   
3. public void doClick() {
   
4. 
   
5.     //通过classname查找元素
   
6. 
   
7.     WebElement el = driver.findElement(By.ClassName("android.widget.TextView"));
   
8. 
   
9.     el.click();
   
10. 
    
11.     //等待3s观察显示
    
12. 
    
13.     try {
    
14. 
    
15.     Thread.sleep(3000);
    
16. 
    
17.     } catch(InterruptedException e) {
    
18. 
    
19.     e.orintStackTrace();
    
20. 
    
21.     }
    
22. 
    
23. }

复制代码

1.4通过xpath定位

Appium对于xpath定位执行效率是比较低的，也就是说遇到xpath的定位代码的时候，执行比较慢。
迫不得已的情况下尽量不用这个定位方式。
[attach]110938[/attach]
代码：

1. @Test
   
2. 
   
3. public void doClick() {
   
4. 
   
5.     //通过xpath查找元素
   
6. 
   
7.     WebElement el = driver.findElement(By.xpath("//android.widget.Button[@index='1']"));
   
8. 
   
9.     el.click();
   
10. 
    
11.     //等待3s观察显示
    
12. 
    
13.     try {
    
14. 
    
15.     Thread.sleep(3000);
    
16. 
    
17.     } catch(InterruptedException e) {
    
18. 
    
19.     e.orintStackTrace();
    
20. 
    
21.     }
    
22. 
    
23. }

复制代码

1.5通过AccessibilityId定位元素

定位元素的方式和name，id一样。
[attach]110939[/attach]
定位方式：

1. findElement(By.AccessibilityId("sharebutton"))

复制代码

代码如下：

1. @Test
   
2. 
   
3. public void doClick() {
   
4. 
   
5.     //通过AccessibilityId查找元素
   
6. 
   
7.     WebElement el = driver.findElementByAccessibilityId("sharebutton");
   
8. 
   
9.     el.click();
   
10. 
    
11.     //等待3s观察显示
    
12. 
    
13.     try {
    
14. 
    
15.     Thread.sleep(3000);
    
16. 
    
17.     } catch(InterruptedException e) {
    
18. 
    
19.     e.orintStackTrace();
    
20. 
    
21.     }
    
22. 
    
23. }

复制代码

1.6通过AndroidUiAutomator定位元素

AndroidUIAutomator是一个强有力的元素定位方式，它是通过Android UIAutomator类库去找元素，定位方式：

1. findElement(By.AndroidUIAutomator(String UIAuto));

复制代码

可以选择id，nameclassName，description作为传入的字符串

1. WebElement el =
   
2. 
   
3. driver.findElementByAndroidUIAutomator("new UiSelector().resourceId(\"com.tencent.mm:id/do\")");

复制代码

代码如下：

1. @Test
   
2. 
   
3. public void doClick() {
   
4. 
   
5.     //通过AndroidUIAutomator查找元素
   
6. 
   
7.     WebElement el = driver.findElementByAndroidUIAutomator("new UiSelector().description(\"sharebutton\")");
   
8. 
   
9.     el.click();
   
10. 
    
11.     //等待3s观察显示
    
12. 
    
13.     try {
    
14. 
    
15.     Thread.sleep(3000);
    
16. 
    
17.     } catch(InterruptedException e) {
    
18. 
    
19.     e.orintStackTrace();
    
20. 
    
21.     }
    
22. 
    
23. }

复制代码

2.处理纯web应用元素定位



2.1使用chrome-devtools

这是谷歌提供的一个移动端Web开发调试工具，通过它我们可以调试手机页面。通过调试我们可以看
到wap页面的源码，从而进行元素的定位。那么这个工具该如何使用呢？首先你要有一台PC，上面安
装了chrome浏览器；一台安卓手机，上面安装了chrome移动版的浏览器。将你的手机通过USB数据线
连接到你的PC机并开启USB调试模式（由于每个机器不一样，所以开启USB模式的方式就不再详细说
明），然后在CMD中输入adb devices看看设备是不是链接成功了：
[attach]110940[/attach]
接下来在PC机上打开chrome浏览器

然后在地址栏输入：chrome://inspect/#devices
[attach]110941[/attach]
紧接着在你的Android手机上打开chrome浏览器并输入百度首页地址：

当你打开了百度首页之后，我们在回到PC版的chrome浏览器上面的chrome://inspect/#devices页面下观察：
[attach]110942[/attach]
接下来点击”inspect”，你会发现弹出一个新窗口，如图：
[attach]110943[/attach]
通过此图大家可以看到手机屏幕上的页面已经PC机上显示了，你可以看到手机wap页面源码以及UI界面。
使用用DevTools特别重要的一点是：如果你点击inspect打开的DevTools窗口一片空白，且刷新无效时，
那极有可能是由于被墙的缘故。

在hosts文件最后追加以下内容：

64.233.162.83 chrome-devtools-frontend.appspot.com

保存之后，在CMD中输入：ipconfig /flushdns

刷新DNS之后，打开的DevTools窗口就不会在是空白的了。

在DevTools窗口顶部有个“Select an element in the page to inspect it”按钮，如下图所示：
[attach]110944[/attach]

---

作者: 恭喜发财dife    时间: 2018-2-23 16:20
百度一下button的元素信息
[attach]110945[/attach]
通过id定位：

1. WebElement searchButton = driver.findElement(By.id(“index-bn”))；

复制代码

百度搜索关键字的代码：

1. public AndroidDriver<WebElement> driver;
   
2. 
   
3. @BeforeClass
   
4. 
   
5. public void startTest() throws MalformedURLException {
   
6. 
   
7. DesiredCapabilities capabilities = new DesiredCapabilities();
   
8. 
   
9. capabilities.setCapability("platformName","Android");
   
10. 
    
11. capabilities.setCapability("deviceName","MeiZu MX3");
    
12. 
    
13. capabilities.setCapability("platformVersion", "5.0.1");
    
14. 
    
15. capabilities.setCapability("browserName", "Chrome");
    
16. 
    
17. driver = new AndroidDriver<WebElement>(new URL("http://127.0.0.1:4723/wd/hub"), capabilities);
    
18. 
    
19. driver.manage().timeouts().implicitlyWait(6, TimeUnit.SECONDS);
    
20. 
    
21. }
    
22. 
    
23. @AfterClass
    
24. 
    
25. public void afterClass() {
    
26. 
    
27. driver.quit();
    
28. 
    
29. }
    
30. 
    
31. @Test
    
32. 
    
33. public void addContact() {
    
34. 
    
35. //打开百度首页
    
36. 
    
37. driver.get("https://www.baidu.com");
    
38. 
    
39. //输入框元素
    
40. 
    
41. WebElement inputBox = driver.findElement(By.id("index-kw"));
    
42. 
    
43. //输入JAVA关键字
    
44. 
    
45. inputBox.sendKeys("JAVA");
    
46. 
    
47. //百度一下按钮
    
48. 
    
49. WebElement searchButton = driver.findElement(By.id("index-bn"));
    
50. 
    
51. //点击百度一下按钮
    
52. 
    
53. earchButton.click();
    
54. 
    
55. try {
    
56. 
    
57. Thread.sleep(2000);
    
58. 
    
59. } catch (InterruptedException e) {
    
60. 
    
61. e.printStackTrace();
    
62. 
    
63. }
    
64. 
    
65. }

复制代码

2.1chrome toggle device mode 模式

打开PC chrome浏览器，点击F12

[attach]110946[/attach]
点击toggle device mode,F5刷新就可以实现方式1的效果，而且比方式1简单。
[attach]110947[/attach]
可以切换设备型号及屏幕的大小。



3.定位混合应用元素

混合应用是原生APP+webview组成的，可以简单的理解为一个原生app的外壳，内部全是html页面。
在处理这样的app的定位的时候 需要先定位原生APP上的按钮或者链接，然后点击按钮或者链接，
然后经过appium提供的方法，进入webview页面，通过之前介绍的定位工具和方法进行元素定位了。
如果说你的android版本小于4.4，那么你需要使用Selendroid模式来作为测试引擎，在测试初始化的
时候需要设置该capability。如果你的android版本大于等于4.4，那么Appium作为测试引擎，然后通
过chromedriver来处理webview。如果你使用的是APPIUM测试引擎，调试WebView需要满足安卓系
统版本为Android 4.4+已上，并且需要在你的APP内配置相应的代码，在WebView类中调用静态方
法setWebContentsDebuggingEnabled，如下：

if (Build.VERSION.SDK_INT >=Build.VERSION_CODES.KITKAT) {

WebView.setWebContentsDebuggingEnabled(true);

}
进入webview的操作：

1. //这里使用driver.getContextHandles();获取app的handles，原生应用会有一个handle，webview也会有一个handle
   
2. 
   
3. Set<String> contexts = driver.getContextHandles();
   
4. 
   
5. for(String cotext:contexts) {
   
6. 
   
7.     System.out.println(context);
   
8. 
   
9. //会打印出  NATIVE_APP（原生app handle）和WEBVIEW_com.example.testapp(webview的 handle)
   
10. 
    
11. }
    
12. 
    
13. //进入webview中
    
14. 
    
15. driver.context((String) contexts.toArray()[1]);
    
16. 
    
17. //操作webview中的内容

复制代码

这里使用driver.getContextHandles();获取app的所有handles，原生应用会有一个NATIVE_APP 的handle，
webview也会有一个WEBVIEW_XXX_XXX_XX的handle，确定了webview的handle之后，使用：
driver.context(handle的字符串)进入webview页面

---

作者: 梦想家    时间: 2018-2-28 16:04

---

欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)

Powered by Discuz! X3.2