Selenium定位元素操作实例详解

Selenium定位元素操作示例

本文实例讲述了Selenium定位元素操作。分享给大家供大家参考，具体如下：

Selenium是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包括IE（7, 8, 9, 10, 11），Mozilla Firefox，Safari，Google Chrome，Opera等。这个工具的主要功能包括：测试与浏览器的兼容性——测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。测试系统功能——创建回归测试检验软件功能和用户需求。支持自动录制动作和自动生成 .Net、Java、Perl等不同语言的测试脚本。

在前面一篇《Selenium基本用法》中简单记录了Selenium的使用，接下来记录一下元素的定位，Selenium提供了多种策略来定位页面中的元素，Selenium提供了以下方法来定位页面中元素，你可以根据自己的喜好来进行选择：

find_element_by_id：通过ID进行匹配查找，只返回匹配到的一个元素
find_element_by_name：通过name进行匹配查找，只返回匹配到的一个元素
find_element_by_xpath：通过xpath进行匹配查找，只返回匹配到的一个元素
find_element_by_link_text：通过链接内容进行匹配查找，只返回匹配到的一个元素
find_element_by_partical_link_text：通过部分链接内容进行匹配查找，只返回匹配到的一个元素
find_element_by_tag_name：通过标签名称进行匹配查找，只返回匹配到的一个元素
find_element_by_class_name：通过class名称进行匹配查找，只返回匹配到的一个元素
find_element_by_css_selector：通过CSS选择器进行匹配查找，只返回匹配到的一个元素
值得注意的是，上面方法只会匹配查找只会获取第一个元素。除了上面这些查找单个元素的方法之外，Selenium还定义查找多个元素的方法：

find_elements_by_name：通过name进行匹配查找，返回所有匹配到的元素列表
find_elements_by_xpath：通过xpath进行匹配查找，返回所有匹配到的元素列表
find_elements_by_link_text：通过链接内容进行匹配查找，返回所有匹配到的元素列表
find_elements_by_partical_link_text：通过部分链接内容进行匹配查找，返回所有匹配到的元素列表
find_elements_by_tag_name：通过标签名称进行匹配查找，返回所有匹配到的元素列表
find_elements_by_class_name：通过class名称进行匹配查找，返回所有匹配到的元素列表
find_elements_by_css_selector：通过CSS选择器进行匹配查找，返回所有匹配到的元素列表
除了上面给出的公有方法之外，Selenium还提供了两种私有方法可能对页面对象中的定位器有用，这两个私有方法是：find_element和find_elements：

from selenium.webdriver.common.by import By
element = driver.find_element(By.XPATH,'//*[@id="su"]')
elements = driver.find_elements(By.XPATH,'//button')

下面是By可用的属性：

ID = 'id'
NAME = 'name'
XPATH = 'xpath'
LINK_TEXT = '链接内容'
PARTIAL_LINK_TEXT = '部分链接内容'
TAG_NAME = '标签名称'
CLASS_NAME = '类名'
CSS_SELECTOR = 'CSS选择器'

通过ID定位

当你知道元素的ID属性时，你可以使用它，使用此策略，将返回ID属性值与该匹配的第一个元素。如果没有元素匹配到此ID属性，将会引发NoSuchElementException错误，举个栗子，有这样一个数据源：

<input id="login_id" type="text"/>

我们知道了这个元素的ID，我们可以这样进行定位：

element = driver.find_element_by_id('login_id')

通过name定位

当你知道元素的name属性时，你可以使用它，使用此策略，将返回name属性值与该匹配的第一个元素。如果没有元素匹配到此name属性，将会引发NoSuchElementException错误，举个栗子，有这样一个数据源：

<input name="login" type="text"/>

我们知道了这个元素的name，我们可以这样进行定位：

element = driver.find_element_by_name('login')

通过XPath定位

XPath是用于在XML文档中查找节点的语言，由于XML可以是HTML的实现，因此Selenium用户可以利用这种强大的语言来定位其Web应用程序中的元素。XPath扩展了通过id和name属性定位的简单方法，并打开了各种新的可能性，例如在页面中查找第三个复选框。举个栗子，有这样一个数据源：

<html><body><form id="loginForm"><input name="username" type="text" /><input name="password" type="password" /><input name="continue" type="submit" value="Login" /><input name="continue" type="button" value="Clear" /></form>
</body>
<html>

我们可以这样进行定位：

user_element = driver.find_element_by_xpath("/html/body/form/input[@name='username']")

或者

user_element = driver.find_element_by_xpath("/html/body/form/input")

或者

user_element = driver.find_element_by_xpath('//input[1]')

或者

user_element = driver.find_element_by_xpath("//input[@name='username'][@type='text']")

通过链接内容定位

当你知道链接元素的内容时，你可以使用它，使用此策略，将返回链接内容与该匹配到的第一个元素。如果没有元素匹配到此链接内容，将会引发NoSuchElementException错误，举个栗子，有这样一个数据源：

<html><body><p>Are you sure you want to do this?</p><a href="continue.html" rel="external nofollow" rel="external nofollow" >Continue</a><a href="cancel.html" rel="external nofollow" >Cancel</a>
</body>
<html>

其中<a href="continue.html" rel="external nofollow" rel="external nofollow" >Continue</a> 元素可以这样定位：

element = driver.find_element_by_link_text('Continue')

或者

element = driver.find_element_by_partical_link_text('Con')

通过标签名称定位

当你知道标签的名称时，你可以使用它，使用此策略，将返回标签名称与该匹配到的第一个元素。如果没有元素匹配到此标签名称时，将会引发NoSuchElementException错误，举个栗子，有这样一个数据源：

<html><body><h1>Welcome</h1><p>Site content goes here.</p>
</body>
<html>

我们可以这样对

元素进行定位：

element = driver.find_element_by_tag_name("p")

通过类名进行定位

当你知道类名的时候，你可以使用它，使用此策略，将返回类名与该匹配到的第一个元素。如果没有元素匹配到此类名称时，将会引发NoSuchElementException错误，举个栗子，有这样一个数据源：

<html><body><p class="content">Site content goes here.</p>
</body>
<html>

我们可以这样对

元素进行定位：

element = driver.find_element_by_class_name('content')

通过CSS选择器进行定位

当你想通过CSS选择器语法找到一个元素时，你可以使用它，使用此策略，将返回匹配CSS选择器的第一个元素。如果没有元素匹配到此CSS选择器时，将会引发NoSuchElementException错误，举个栗子，有这样一个数据源：

<html><body><p class="content">Site content goes here.</p>
</body>
<html>

我们可以这样对

元素进行定位：

element = driver.find_element_by_css_selector('body p')

selenium处理元素定位点击无效问题

在WEB自动化测试过程中，经常会遇到这样的问题：

元素定位到了，但是点击无效？有人可能会问了，怎么判断元素定位到了，这个问题很好判断

1.给元素加高亮显示

  self.driver.execute_script("arguments[0].setAttribute('style', arguments[1]);",element,"border: 2px solid red;" #边框border:2px; red红色)

arguments[0] 这个参数，可以理解为python中的字符串格式化。比如"{}{}".format(‘aaa’,‘bbbb’)

2.执行点击过程不报错。

不会报一些找不到元素之类的错误。

怎么判断元素定位到了，点击没成功(这里说一下，一般是做了点击操作，只是我们直观去判断没有点击成功)

那么，现在来说一下如何解决这个问题。

解决问题：

1.分析一下，默认selenium的点击操作是点元素0，0点坐标，那么我们可以在元素x,y坐标上加5，让点击操作往里一点。

导入包ActionChains,

from selenium.webdriver.common.action_chains import ActionChains
ele = self.find_element(*loc)
ActionChains(driver).move_to_element(ele).move_by_offset(5,5).click().perform()

通过如上代码，先定位元素，然后移动到元素，在元素基础上做偏移x,y 5,5然后点击。

需要注意的是最后的perform()。要加上这个。否则不生效。

2.通过js去点击元素。

可以通过dom去定位，或者jquery定位。然后点击操作。这里不具体说明了。可以找度娘。

3.可以分析代码，如果有直接调用函数的地方，可以通过js直接调用。

要说明的是，这个方法，一般不可行。因为js前端代码会压缩加密。所以上线后我们看到的是压缩的。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持码农之家。

以上就是本次给大家分享的关于java的全部知识点内容总结，大家还可以在下方相关文章里找到相关文章进一步学习，感谢大家的阅读和支持。