乐趣区

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

简介

在做 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_textlink_text 的区别,partial_link_text 不必写全,只需写局部即可,比方下面应用“霍格沃兹”即可匹配到“欢迎光临霍格沃兹测试学院”。

tag_name 定位

DOM 构造中,元素都有本人的 tag,比方 input tagbutton taganchor 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_keysclickclear

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();}
}

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

退出移动版