Selenium with Python 003 - 页面元素定位

2023-08-22 22:25:16

WebUI自动化，首先需要定位页面中待操作的元素，然后进行各种事件操作，这里我们首先介绍Selenium Python 如何定位页面元素，WebDriver 提供了一系列的方法。

定位单个页面元素（返回单个元素对象）

find_element_by_id
find_element_by_name
find_element_by_xpath
find_element_by_link_text
find_element_by_partial_link_text
find_element_by_tag_name
find_element_by_class_name
find_element_by_css_selector

需要注意的是，上面的方法当匹配到多个对象时，只能返回定位到的第一个元素对象，当没有匹配到任何元素对象，则会抛出异常NoSuchElementException

定位页面元素组（返回元素对象列表）

find_elements_by_name
find_elements_by_xpath
find_elements_by_link_text
find_elements_by_partial_link_text
find_elements_by_tag_name
find_elements_by_class_name
find_elements_by_css_selector

HTML模板Example1

<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>

通过id定位

login_form = driver.find_element_by_id('loginForm')

通过name定位

username = driver.find_element_by_name('username')

password = driver.find_element_by_name('password')

通过xpath定位

1.利用绝对路径定位

login_form = driver.find_element_by_xpath("/html/body/form[1]")

2.利用元素属性定位

login_form = driver.find_element_by_xpath("//form[@id='loginForm']")

3.层级与属性结合

username = driver.find_element_by_xpath("//form[@id='loginForm']/input[1]")

4.使用逻辑运算符

clear_button = driver.find_element_by_xpath("//input[@name='continue'][@type='button']")

clear_button = driver.find_element_by_xpath("//input[@name='continue' and @type='button']")

HTML模板Example2

<!DOCTYPE html>

<html lang="en">

<body>

<h1>Welcome</h1>

<p class="content">Are you sure you want to do this?</p>

　

<div id="detail">

    <a href="continue.html" name="tj_continue" title="web" class="RecycleBin xz"

       id="continue">Continue</a>

    <a href="cancel.html" target="_blank">Cancel</a>

</div>

<a href="" name="index" target="_blank">index</a>

</body>

<html>

通过链接文本定位

continue_link = driver.find_element_by_link_text('Continue')

continue_link = driver.find_element_by_partial_link_text('Conti')

通过标签名定位

heading1 = driver.find_element_by_tag_name('h1')

通过class定位

content = driver.find_element_by_class_name('content')

通过css 选择器定位

1.通过class属性定位

content = driver.find_element_by_css_selector('p.content')

continue_link  = driver.find_element_by_css_selector('.RecycleBin.xz')

continue_link = driver.find_element_by_css_selector('a.RecycleBin')

2.通过id属性定位

continue_link = driver.find_element_by_css_selector('#continue')

3.通过标签名定位

links = driver.find_elements_by_css_selector('a')

4.通过父子关系定位

links=driver.find_elements_by_css_selector('div>a')

5.通过兄弟关系定位

links=driver.find_elements_by_css_selector('div+a')

6.通过属性定位

links=driver.find_elements_by_css_selector("[target=_blank]")

continue_link = driver.find_element_by_css_selector('a[title="web"]')

7.组合定位

driver.find_element_by_css_selector('div#detail>a.RecycleBin')

driver.find_element_by_css_selector('div#detail>a[name=tj_continue]')

from selenium import webdriver

import os

driver = webdriver.Chrome()

file_path = 'file:///' + os.path.abspath('demo.html')

driver.get(file_path)

print(driver.find_element_by_css_selector('div#detail>a.RecycleBin').text)

print(driver.find_element_by_css_selector('div#detail>a[name=tj_continue]').text)

driver.close()

***微信扫一扫，关注“python测试开发圈”，了解更多测试教程！***

码农公寓