2019-03-27 元素定位的常用方法

元素定位应该是自动化测试的核心，要想操作一个元素，首先应该识别这个元素。

webdriver提供了一系列的元素定位方法，常用的有以下几种：

id

name

class name

link_text

partial link text

tag_name

xpath

css selector

id和name定位

案例：打开百度首页，在搜索框自动输入“Selenium”关键词，然后点击搜索按钮，查看搜索页面。

from selenium import  webdriver

from time import sleep

driver = webdriver.Firefox()

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

#driver.find_element_by_id("kw").send_keys("selenium")

driver.find_element_by_name("wd").send_keys("selenium")

sleep(2)

driver.find_element_by_id("su").click()

sleep(3)

driver.quit()

tag name定位

案例：打开http://192.168.20.214/videoclient/页面，在用户名输入框输入用户名“vorx”

from selenium import webdriver

from time import sleep

driver = webdriver.Firefox()

driver.get("http://192.168.20.214/videoclient/")

sleep(5)

# 定位标签名为input的元素

#driver.find_element_by_tag_name("input").send_keys("vorx")

#获取页面所有标签名为“input”的标签。

driver.find_elements_by_tag_name("input")[2].send_keys("vorx")

driver.find_elements_by_tag_name("input")[3].send_keys("vorx")

# 点击登录按钮

# driver.find_element_by_id("btnLogin").click()

driver.find_elements_by_tag_name("input")[4].click()

sleep(5)

driver.quit()

class_name定位

根据标签中属性class来进行定位的一种方法

案例：打开百度首页，在搜索框自动输入“selenium”，然后点击搜索按钮，查看搜索页面。

from selenium import  webdriver

from time import sleep

driver = webdriver.Firefox()

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

driver.find_element_by_class_name("s_ipt").send_keys("selenium")

sleep(2)

driver.find_element_by_id("su").click()

sleep(3)

driver.quit()

link_text定位

link_test定位就是根据超链接文字进行定位。

from selenium import  webdriver

from time import sleep

driver = webdriver.Firefox()

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

driver.find_element_by_link_text("新闻").click()

sleep(2)

driver.find_element_by_partial_link_text("国内").click()

sleep(3)

driver.quit()

XPath定位

XPath即为XML路径语言，它是一种用来确定XML文档中某部分位置的语言。XPath基于XML的树状结构，提供在数据结构树中找寻节点的能力。

xpath绝对与相对定位

from selenium import  webdriver

from time import sleep

driver = webdriver.Firefox()driver.get("http://www.baidu.com")

# 绝对路径定位

#driver.find_element_by_xpath("/html/body/div[1]/div[1]/div[1]/div[1]/div[1]/form/span[1]/input").send_keys("selenium")

# 利用元素属性定位--定位到input标签中为kw的元素

# driver.find_element_by_xpath("//input[@id='kw']").send_keys("selenium")

# 定位input标签中name属性为wd的元素

# driver.find_element_by_xpath("//input[@name='wd']").send_keys("selenium")

# 定位所有标签元素中，class属性为s_ipt的元素

driver.find_element_by_xpath("//*[@class='s_ipt']").send_keys("selenium")

sleep(2)

driver.find_element_by_id("su").click()

sleep(3)

driver.quit()

Xpath层级与逻辑定位

from selenium import  webdriver

from time import sleep

driver = webdriver.Firefox()

driver.get("http://192.168.20.214/videoclient/")

# 层级和属性结合定位driver.find_element_by_xpath("//form[@id='form1']/div[4]/div[1]/div[2]/div[2]/input").send_keys("vorx")

driver.find_element_by_xpath("//form[@id='form1']/div[4]/div[1]/div[2]/div[3]/input").send_keys("vorx")

# 逻辑运算组合定位

# driver.find_element_by_xpath("//input[@class='i-text' and @name='UserName']").send_keys("vorx")

# driver.find_element_by_xpath("//input[@class='i-text' and @name='PassWord']").send_keys("vorx")

sleep(3)

driver.find_element_by_xpath("//*[@id='btnLogin']").click()

sleep(3)

driver.quit()

Css定位

Selenium极力推荐使用CSS定位，而不是Xpath来定位元素，原因是CSS定位比XPath定位速度快，语法也更加简洁。

css常用定位方法

1. find element by css selector()

2. #id id选择器根据id属性类定位元素

3. .class class选择器，根据class属性值来定位元素

4. [attribute=’value’]根据属性来定位元素

5. element>element根据元素层级来定位 父元素>子元素

from selenium import  webdriver

from time import sleep

driver = webdriver.Firefox()

driver.get("http://www.baidu.com")

# 根据id来定位

# driver.find_element_by_css_selector("#kw").send_keys("selenium")

# driver.find_element_by_css_selector("#su").click()

# 根据class定位

# driver.find_element_by_css_selector(".s_ipt").send_keys("selenium")

# driver.find_element_by_css_selector(".bg.s_btn").send_keys("selenium")

# 根据属性来定位

#driver.find_element_by_css_selector(“[autocomplete='off']").send_keys("selenium")

# sleep(3）

# driver.find_element_by_id("su").click()

# sleep(3)

# 通过元素层级来定位driver.find_element_by_css_selector("form#form>span>input").send_keys("selenium")

driver.find_element_by_css_selector("form#form>span>input[type='submit']").click()

sleep(3)

driver.quit()