做司法考试题目的网站,建站中企动力,建设企业网站内容,wordpress 后台首页简介
在做 Web 自动化时#xff0c;最根本的就是操作页面上的元素#xff0c;首先要能找到这些元素#xff0c;然后才能操作这些元素。工具或代码无法像测试人员一样用肉眼来分辨页面上的元素。那么要如何定位到这些元素#xff0c;本章会介绍各种定位元素的方法。
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 元素然后再寻找它的子元素 spanspan 的 class 属性为 sec-input-box最后找 span 的子元素 input以下代码演示。
Python 实现
driver.find_element(By.XPATH,//form[idsf]/span[classsec-input-box]/input)
Java 实现
driver.findElement(By.xpath(//form[idsf]/span[classsec-input-box]/input));
下面的定位也可以找到这个 input请注意这里使用了双斜杠//它可以找到子孙节点而但斜杠/只能找到子节点以下代码演示。
Python 实现
driver.find_element(By.XPATH,//form[idsf]//input[idquery])
Java 实现
driver.findElement(By.xpath(//form[idsf]//input[idquery]));
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 表达式的用法。
表达式描述.introclassintro 的所有元素#firstnameidfirstname 的所有元素a[target_blank]具有属性 target_blank 的所有 a 元素p:nth-child(2)属于其父元素的第二个 p 元素
使用 Chrome 的检查模式 - Console 也可以在当前页面检测 css_selector 是否正确输入$(css selector 表达式)即可。 现在我也找了很多测试的朋友做了一个分享技术的交流群共享了很多我们收集的技术文档和视频教程。
如果你不想再体验自学时找不到资源没人解答问题坚持几天便放弃的感受
可以加入我们一起交流。而且还有很多在自动化性能安全测试开发等等方面有一定建树的技术大牛
分享他们的经验还会分享很多直播讲座和技术沙龙
可以免费学习划重点开源的
qq群号1150305204【暗号csdn999】 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 tagbutton taganchor tag 等等每一个 tag 拥有多个属性比如 idnamevalue 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));
推荐使用 ID/Name 是最安全的定位选项。根据 W3C 标准它在页面中是唯一的ID 在树结构中也是唯一的。 CSS Selector 语法简洁搜索速度快于 XPath。 XPath 定位功能强大采用遍历搜索速度略慢。 linkclass name tag name不推荐使用无法精准定位。
常见操作
Selenium 常见操作有 输入、点击、清除。 关闭窗口、浏览器。 获取元素属性。 获取网页源代码、刷新页面。 设置窗口大小。
输入、点击、清除
输入、点击、清除在 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{WebDriverdrivernewChromeDriver();
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#初始化webdriverdriver 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{WebDriverdrivernewChromeDriver();
driver.get(https://ceshiren.com);Thread.sleep(2000);//关闭页面driver.close();Thread.sleep(2000);//关闭浏览器进程driver.quit();}}
获取元素属性
获取元素标签上的属性 get_attribute(value)元素的坐标 location元素的大小 size。
Python 实现
import loggingfrom selenium import webdriver
def test_baidu(): driver webdriver.Chrome() driver.get(https://www.baidu.com) search driver.find_element(By.ID,su) logging.basicConfig(levellogging.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{privatestaticfinalLoggerloggerLogger.getLogger(demo.class.getName());publicstaticvoidmain(String[]args)throwsInterruptedException{
WebDriverdrivernewChromeDriver();
driver.get(https://www.baidu.com);
Thread.sleep(2000);
WebElementsearchdriver.findElement(By.id(su));//获取search元素的value属性值并打印logger.info(search.getAttribute(value));//获取search元素的位置坐标值并打印
Pointpsearch.getLocation();logger.info(Width: p.x);logger.info(Height: p.y);//获取search元素的大小并分别打印Dimensionsizesearch.getSize();intwidthsize.getWidth();intheightsize.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 loggingfrom selenium import webdriver
driver webdriver.Chrome()driver.get(http//www.baidu.com)#刷新页面driver.refresh()logging.basicConfig(levellogging.INFO)#打印当前页面的源代码logging.info(driver.page_source)
Java 实现
importorg.openqa.selenium.*;importorg.openqa.selenium.chrome.ChromeDriver;importjava.util.logging.Logger;publicclass demo{privatestaticfinalLoggerloggerLogger.getLogger(demo.class.getName());publicstaticvoidmain(String[]args)throwsInterruptedException{
WebDriverdrivernewChromeDriver();
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{
WebDriverdrivernewChromeDriver();
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();}}
学习上
作为一个软件测试的过来人我想尽自己最大的努力帮助每一个伙伴都能顺利找到工作。所以我整理了下面这份资源现在免费分享给大家有需要的小伙伴可以关注【公众号开心螺蛳粉】自提 软件测试面试文档
我们学习必然是为了找到高薪的工作下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料并且有字节大佬给出了权威的解答刷完这一套面试资料相信大家都能找到满意的工作。 行动吧在路上总比一直观望的要好未来的你肯定会感谢现在拼搏的自己如果想学习提升找不到资料没人答疑解惑时请及时加入群1150305204里面有各种测试开发资料和技术可以一起交流哦。
