selenium+unittest自动化测试(二)---浏览器控制及元素定位的方法

一、浏览器控制方法

二、元素定位的方法

1、id定位

2、name定位

3、class定位

4、tag定位

5、link_text定位

6、partial_link_text定位

7、XPath定位

8、CSS定位

9、复数定位

三、针对元素的常见操作方法

四、举例

五、遇到的问题

一、浏览器控制方法

1、打开网页

from selenium import webdriver
driver = webdriver.Chrome()

2、页面刷新

driver.refresh()

3、访问地址

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

4、页面切换

driver.back() #返回上一页
driver.forward() #切换到下一页

5、设置窗口大小

driver.set_window_size(540,960) #设置窗口大小
driver.maximize_window() #设置窗口占满整个屏幕

6、截屏

driver.get_screenshot_as_file("D:\")

7、退出

driver.close() #关闭当前窗口
driver.quit() #关闭浏览器进程

8、设置休眠

time.sleep(3)

二、元素定位的方法

以下8种是通过元素的属性直接定位：

1、id定位

find_element_by_id(self, id_)

2、name定位

find_element_by_name(self, name)

3、class定位

find_element_by_class_name(self, name)

4、tag定位

find_element_by_tag_name(self, name)

说明：简单明了可以看到id、name、class、tag且同一界面不重复的元素，可以直接通过以上四个id、name、classname、tagname的方式定位。比如说，在用户登录界面中，用户名输入的文本框定位如下：

那我们就可以通过它的name属性去定位这个元素，如下：

driver.find_element_by_name('userName')

5、link_text定位

find_element_by_link_text(self, link_text)

6、partial_link_text定位

find_element_by_partial_link_text(self, link_text)

说明：导航栏、超链接等可以用以上两种方式定位，如下这个元素包含href="https://blog.csdn.net/wxt_hillwill?spm=1000.2115.3001.5343"，说明它是个超链接：

那我们就可以通过它的link_text属性去定位这个元素，如下：

self.driver.find_element_by_link_text('wxt_hillwill的博客_CSDN博客')

或者：

self.driver.find_element_by_partial_link_text('wxt_hillwill的博客')

7、XPath定位

find_element_by_xpath(self, xpath)

说明：① 可以直接鼠标右击元素，选择Copy->Copy XPath，导出元素完整的XPath后直接定位：

② 也可以通过元素中的id、name、class去定位，但要确保它在这个页面上是唯一的，像下面这样：

driver.find_element_by_xpath("//*[@class='btn login-button ng-scope']")

③ 如果一个元素的属性不明显，无法直接定位，这时候我们可以先找它的父元素，再找下个层级。也就是通过xpath的父子层级定位方式去定位元素。

如下通过‘登录’按钮的父元素去定位‘登录’这个‘button’：

父元素的xpath为：

//*[@id='app']/div[2]/div/ng-include/div/div/div/form/div[2]

通过父元素定位‘登录’这个‘button’：

driver.find_element_by_xpath("//*[@id='app']/div[2]/div/ng-include/div/div/div/form/div[2]/button")

④ xpath逻辑运算定位方式，可以多个属性逻辑运算的，可以支持与（and）、或（or）、非（not）。一般用的比较多的是and运算，找到同时满足2个属性的元素。

这个我还没用过。

⑤ xpath的模糊定位方式：contains、starts-with、ends-with、matchs。比如下面这个元素我一直定位不到，最后用了模糊定位方式，方法如下：

driver.find_element_by_xpath("//*[contains(text(), '确定')]")

8、CSS定位

find_element_by_css_selector(self, css_selector）

说明：① 可以鼠标右击元素，选择Copy->Copy selector，导出元素的CSS后直接定位。

② 也可以通过元素中的id、class、标签去定位，需要注意的是：

css用 #号表示id属性；

css用 .表示class属性；

css直接用标签名称表示标签属性；

故如下这个元素的CSS定位方式为：

driver.find_element_by_css_selector('.btn.btn-es-red.ng-scope')

③ css还支持标签和属性组合，像这个样子：

driver.find_element_by_css_selector("button.btn.btn-es-red.ng-scope")

④ css同样也可以实现逻辑运算，同时匹配两个属性，这里跟xpath不一样，无需写and关键字。不过我还没有用过，所以没有例子。

⑤ css也支持层级关系，这是上面用xpath写的层级定位：

driver.find_element_by_xpath("//*[@id='app']/div[2]/div/ng-include/div/div/div/form/div[2]/button")

现在我们给它改成css的格式，就是这个样子：

driver.find_element_by_css_selector("#app>div.login.ng-scope>div.ng-include>div>div>div>form>div.login-form-container>button")

9、复数定位

以上8种都有复数形式，区别是复数形式定位返回的是一个list队列，然后还需要从这个队列中找到需要的元素：

id复数定位find_elements_by_id(self, id_)
name复数定位find_elements_by_name(self, name)
class复数定位find_elements_by_class_name(self, name)
tag复数定位find_elements_by_tag_name(self, name)
link复数定位find_elements_by_link_text(self, text)
partial_link复数定位find_elements_by_partial_link_text(self, link_text)
xpath复数定位find_elements_by_xpath(self, xpath)
css复数定位find_elements_by_css_selector(self, css_selector）

三、针对元素的常见操作方法

clear 清除元素的内容
send_keys 模拟按键输入
click 点击元素
submit 提交表单
size 获取元素的尺寸
text 获取元素的文本
get_attribute(name) 获取属性值
location 获取元素坐标，先找到要获取的元素，再调用该方法
page_source 返回页面源码
driver.title 返回页面标题
current_url 获取当前页面的URL
is_displayed() 设置该元素是否可见
is_enabled() 判断元素是否被使用
is_selected() 判断元素是否被选中
tag_name 返回元素的tagName
context_click(elem) 右击鼠标点击元素elem，另存为等行为
double_click(elem) 双击鼠标点击元素elem，地图web可实现放大功能
drag_and_drop(source,target) 拖动鼠标，源元素按下左键移动至目标元素释放
move_to_element(elem) 鼠标移动到一个元素上
click_and_hold(elem) 按下鼠标左键在一个元素上
perform() 在通过调用该函数执行ActionChains中存储行为
send_keys(Keys.ENTER) 按下回车键
send_keys(Keys.TAB) 按下Tab制表键
send_keys(Keys.SPACE) 按下空格键space
send_keys(Kyes.ESCAPE) 按下回退键Esc
send_keys(Keys.BACK_SPACE) 按下删除键BackSpace
send_keys(Keys.SHIFT) 按下shift键
send_keys(Keys.CONTROL) 按下Ctrl键
send_keys(Keys.ARROW_DOWN) 按下鼠标光标向下按键
send_keys(Keys.CONTROL,‘a’) 组合键全选Ctrl+A
send_keys(Keys.CONTROL,‘c’) 组合键复制Ctrl+C
send_keys(Keys.CONTROL,‘x’) 组合键剪切Ctrl+X
send_keys(Keys.CONTROL,‘v’) 组合键粘贴Ctrl+V

四、举例

import unittest2
import selenium import webdriverclass webcheck(unittest2.TestCase):"""界面登录测试"""@classmethoddef setUp(cls):# 打开浏览器cls.driver = webdriver.Chrome()# 将浏览器设置为占满整个屏幕cls.driver.maxmize_window()#访问网页cls.driver.get('https://xxx')def test_openit(self):# 找到name为userName的元素，并输入用户名hillwill_wxtself.driver.find_element_by_name("userName").send_keys("hillwill_wxt")# 找到name为password的元素，并输入密码123456self.driver.find_element_by_name("password").send_keys("123456")# 点击登录按钮self.driver.find_element_by_xpath("//*[@id='app']/div[2]/div/ng-include/div/div/div/form/div[2]/button").click()@classmethoddef tearDown(cls):cls.driver.close()if __name__=='__main__':unittest2.main()

五、遇到的问题

问题描述：click()点击按钮没有反应

解决方法：click()点击按钮没有反应时，讲click()改为Enter操作通常可以解决问题。例如，将以下代码

# 点击登录按钮
self.driver.find_element_by_xpath("//*[@id='app']/div[2]/div/ng-include/div/div/div/form/div[2]/button").click()

改为

# 点击登录按钮
Element el = self.driver.find_element_by_xpath("//*[@id='app']/div[2]/div/ng-include/div/div/div/form/div[2]/button")
el.sendKeys(keys.ENTER)