乐趣区

关于测试开发:软件测试人工智能熟练使用web控件定位技巧提升测试工作效率

jiezi

简介

在做 Web 自动化时，最基本的就是操作页面上的元素，首先要能找到这些元素，而后能力操作这些元素。工具或代码无奈像测试人员一样用肉眼来分辨页面上的元素。那么要如何定位到这些元素，本章会介绍各种定位元素的办法。

web 控件定位

id 定位

Python 实现 

driver.find_element(By.ID,'query')

Java 实现 

driver.findElement(By.id("query"));

name 定位

Python 实现 

driver.find_element(By.NAME,'query')

Java 实现 

driver.findElement(By.name("query"));

通常来说 name 属性与 id 属性在页面中惟一，举荐应用这两个属性进行定位。

XPath 定位

XPath 是一个定位语言，英文全称为：XML Path Language，用来对 XML 上的元素进行定位，但也实用于 HTML，上面来看一个例子。

要定位的元素是 Sogou 首页的搜寻输入框。

首先寻找 id 为 sf 的 form 元素，而后再寻找它的子元素 span，span 的 class 属性为 sec-input-box，最初找 span 的子元素 input，以下代码演示。

Python 实现 

driver.find_element(By.XPATH,"//form[@id='sf']/span[@class='sec-input-box']/input")

Java 实现 

driver.findElement(By.xpath("//form[@id='sf']/span[@class='sec-input-box']/input"));

上面的定位也能够找到这个 input，请留神，这里应用了双斜杠 //，它能够找到子孙节点，而但斜杠 / 只能找到子节点，以下代码演示。

Python 实现 

driver.find_element(By.XPATH,"//form[@id='sf']//input[@id='query']")

Java 实现 

driver.findElement(By.xpath("//form[@id='sf']//input[@id='query']"));

XPath 表达式更多内容可参考上面表格。

表达式 形容
nodename 选取此节点的所有子节点。
/ 从根节点选取。
// 从匹配抉择的以后节点抉择文档中的节点，而不思考它们的地位。
. 选取以后节点。
.. 选取以后节点的父节点。
@ 选取属性。

如何测验 XPath 定位是否正确？能够应用 chrome 的查看模式 -> Console，输出 $x(‘XPath 表达式 ’) 即可。

通过 css_selector
XPath 能够定位绝大多数元素，然而 XPath 采纳从上到下的遍历模式，速度并不快，而 css selector 采纳款式定位，速度要优于 XPath，而且语法更简洁。上面是 Selenium 应用 css selector 的例子。

css selector 找到 class 属性值为 active 的元素，而后 > 示意找 class 属性为 active 的元素的子节点，以下代码演示。

Python 实现 

driver.driver.find_element(By.CSS_SELECTOR,'.logo-big')

Java 实现 

driver.findElement(By.cssSelector(".logo-big"));

下表列出了罕用的 css_selector 表达式的用法。

表达式 形容
.intro class=”intro” 的所有元素
#firstname id=”firstname” 的所有元素
a[target=_blank] 具备属性 target=”_blank” 的所有 a 元素
p:nth-child(2) 属于其父元素的第二个 p 元素

link 定位

元素中会呈现文字，比方上面的分类，能够利用这段文字进行定位，以下是代码演示。

Python 实现 

driver.driver.find_element(By.LINK_TEXT, '欢迎光临测试人社区 | Powered by 霍格沃兹测试开发学社')

Java 实现 

driver.findElement(By.linkText("欢迎光临测试人社区 | Powered by 霍格沃兹测试开发学社"));

也能够采纳局部匹配形式，不用写全：“欢迎光临”、“欢迎光临测试人社区”、“霍格沃兹”，以下是代码演示。

Python 实现 

driver.find_element(By.PARTIAL_LINK_TEXT, '测试人社区')

Java 实现 

driver.findElement(By.partialLinkText("测试人社区"));

要留神 partial_link_text 与 link_text 的区别，partial_link_text 不必写全，只需写局部即可，比方下面应用“霍格沃兹”即可匹配到“欢迎光临霍格沃兹测试学院”。

tag_name 定位

DOM 构造中，元素都有本人的 tag，比方 input tag，button tag，anchor tag 等等，每一个 tag 领有多个属性，比方 id，name，value class 等等。

上面的高亮局部就是 tag：

能够应用 tag 进行定位:

Python 实现 

driver.driver.find_element(By.TAG_NAME,'input')

Java 实现 

driver.findElement(By.tagName("input"));

要留神，尽量避免应用 tag_name 定位元素，因为有大量反复的元素！

class_name 定位

能够通过元素的 class 属性值进行定位。

这里的 active 用的就是上图 class 的值。

Python 实现 

driver.driver.find_element(By.CLASS_NAME, 'active')

Java 实现 

driver.findElement(By.className("active"));

举荐应用

  1. ID/Name 是最平安的定位选项。依据 W3C 规范，它在页面中是惟一的，ID 在树结构中也是惟一的。
  2. CSS Selector 语法简洁，搜寻速度快于 XPath。
  3. XPath 定位功能强大，采纳遍历搜寻，速度略慢。
  4. link，class name，tag name：不举荐应用，无奈精准定位。

常见操作

Selenium 常见操作有：

  1. 输出、点击、革除。
  2. 敞开窗口、浏览器。
  3. 获取元素属性。
  4. 获取网页源代码、刷新页面。
  5. 设置窗口大小。

输出、点击、革除

输出、点击、革除在 Selenium 中对应的办法别离是 send_keys、click、clear。

Python 实现 

from selenium import webdriver

driver = webdriver.Chrome()
driver.get('http://www.baidu.com')
driver.find_element(By.NAME,'wd').send_keys('霍格沃兹测试学院')
driver.find_element(By.ID,'su').click()
driver.find_element(By.NAME,'wd').clear()

Java 实现 

importorg.openqa.selenium.By;
importorg.openqa.selenium.WebDriver;
importorg.openqa.selenium.chrome.ChromeDriver;



publicclass demo2{publicstaticvoidmain(String[]args)throwsInterruptedException{WebDriverdriver=newChromeDriver();

driver.get("http://www.baidu.com'");
Thread.sleep(2000);
driver.findElement(By.name("wd")).sendKeys("霍格沃兹测试学院");
driver.findElement(By.id("su")).click();
driver.findElement(By.name("wd")).clear();

// 敞开浏览器过程
driver.quit();}
}

敞开窗口、浏览器

敞开以后句柄窗口（不敞开过程）close()，敞开整个浏览器过程 quit()。

Python 实现 

# 导入对应的依赖
from selenium import webdriver
#初始化 webdriver
driver = webdriver.Chrome()
#拜访网站
driver.get('http"//www.baidu.com')
#敞开以后窗口
driver.close()
#敞开浏览器
driver.quit()

Java 实现 

importorg.openqa.selenium.WebDriver;
importorg.openqa.selenium.chrome.ChromeDriver;
publicclass demo{publicstaticvoidmain(String[]args)throwsInterruptedException{WebDriverdriver=newChromeDriver();

driver.get("https://ceshiren.com");
Thread.sleep(2000);
// 敞开页面
driver.close();
Thread.sleep(2000);
// 敞开浏览器过程
driver.quit();}
}

获取元素属性

获取元素标签上的属性 get_attribute(‘value’)，元素的坐标 location，元素的大小 size。

Python 实现 

import logging
from selenium import webdriver

def test_baidu():
    driver = webdriver.Chrome()
    driver.get('https://www.baidu.com')
    search = driver.find_element(By.ID,'su')
    logging.basicConfig(level=logging.INFO)
    logging.info(search.get_attribute('value'))
    #获取 search 的 value 属性值并打印
    logging.info(search.get_attribute('value'))
    #打印 search 的地位坐标
    logging.info(search.location)
    #打印 search 的元素大小
    logging.info(search.size)

Java 实现 

importorg.openqa.selenium.*;
importorg.openqa.selenium.chrome.ChromeDriver;
importjava.util.logging.Logger;
publicclass demo{privatestaticfinalLoggerlogger=Logger.getLogger(demo.class.getName());
publicstaticvoidmain(String[]args)throwsInterruptedException{WebDriverdriver=newChromeDriver();

driver.get("https://www.baidu.com");

Thread.sleep(2000);

WebElementsearch=driver.findElement(By.id("su"));
// 获取 search 元素的 value 属性值并打印
logger.info(search.getAttribute("value"));
// 获取 search 元素的地位坐标值并打印

Pointp=search.getLocation();
logger.info("Width:"+p.x);
logger.info("Height:"+p.y);
// 获取 search 元素的大小并别离打印
Dimensionsize=search.getSize();
intwidth=size.getWidth();
intheight=size.getHeight();
logger.info("Width:"+width);
logger.info("Height:"+height);

driver.close();
// 敞开浏览器过程
driver.quit();}
}

输入后果为：

INFO:root: 百度一下
INFO:root: 百度一下
INFO:root:{'x':844,'y':188}
INFO:root:{'height':44,'width':108}

获取网页源代码、刷新页面

网页源代码 page_source，刷新页面 refresh()。

Python 实现 

import logging
from selenium import webdriver

driver = webdriver.Chrome()
driver.get('http"//www.baidu.com')
#刷新页面
driver.refresh()
logging.basicConfig(level=logging.INFO)
#打印以后页面的源代码
logging.info(driver.page_source)

Java 实现 

importorg.openqa.selenium.*;
importorg.openqa.selenium.chrome.ChromeDriver;
importjava.util.logging.Logger;
publicclass demo{privatestaticfinalLoggerlogger=Logger.getLogger(demo.class.getName());
publicstaticvoidmain(String[]args)throwsInterruptedException{WebDriverdriver=newChromeDriver();

driver.get("https://ceshiren.com");


Thread.sleep(2000);
driver.navigate().refresh();
// 打印页面源代码
logger.info(driver.getPageSource());

driver.close();
// 敞开浏览器过程
driver.quit();}
}

设置窗口大小

设置窗口大小次要有最小化、最大化和自定义设置窗口具体的大小。

Python 实现 

from selenium import webdriver

driver = webdriver.Chrome()
driver.get('http"//www.baidu.com')
#最小化窗口
driver.minimize_window()
#最大化窗口
driver.maximize_window()
#将浏览器设置为 1000*1000 的大小
driver.set_window_size(1000, 1000)

Java 实现 

importorg.openqa.selenium.*;
importorg.openqa.selenium.chrome.ChromeDriver;

publicclass demo{publicstaticvoidmain(String[]args)throwsInterruptedException{WebDriverdriver=newChromeDriver();

driver.get("https://ceshiren.com");
// 最大化页面
driver.manage().window().maximize();
// 最小化页面
driver.manage().window().minimize();

Thread.sleep(2000);
// 将浏览器页面大小设置为 800x600 像素
driver.manage().window().setSize(newDimension(800,600));

driver.close();
// 敞开浏览器过程
driver.quit();}
}

获取更多软件测试技术材料 / 面试题解析，请点击！

退出移动版