🔥《手把手教你》系列练习篇之7-python+ selenium自动化测试(详细教程)

1. 简介

前面介绍了,XPath, id , class , link text, partial link text, tag name, name 七大元素定位方法,本文介绍webdriver支持的最后一个方法:by_css。css和XPath类似,也需要掌握一些语法,才能写出正确的,完整的css选择表达式。相关w3c介绍,请点击这里。

2. by_css定位元素

以百度首页的"百度一下"按钮为例,我们通过by_css来定位到这个按钮。如图

2.1 代码实现:

2.2 参考代码:

python 复制代码
# coding=utf-8🔥

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2025-03-17
@author: 北京-宏哥   QQ交流群:705269076
Project: python+ selenium自动化测试练习篇3
'''

# 3.导入模块
from selenium import webdriver

driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)

driver.get("https://www.baidu.com")
try:
    driver.find_element_by_css_selector("#su") # 找 百度一下 这个按钮
    print ('test pass: element found by css selector')
except Exception as e:
    print ("Exception found", format(e))

driver.quit()

2.3 运行结果:

运行代码后,控制台打印如下图的结果

总结:如果一开始没有接触css,感觉写css表达式有点困难,没关系。看个人喜好和适合哪个,例如,如果你掌握好了XPath的写法,那么就可以不去管css,毕竟大部分xpath表达式都能够定位到元素。有些人可能说了,css要比xpath表达式查找元素的速度要

快,这个你不要去担心,对计算机来讲,你根本无法区分哪个更快,也不是自动化测试考虑的重点。

建议:一定要掌握好XPath或者css来定位元素,其他的几种了解就可以。毕竟在实际项目开发脚本阶段,很多元素是无法通过id ,css, text, name来直接定位这个网页元素,更多的还是根据XPath或者css表达式去定位。

3. 清除文本方法

在前面的文章中,我们或多或少的用到了输入字符和点击按钮这样的操作。用send_keys()来输入字符串到文本输入框这样的页面元素,用click()来点击页面上支持点击的元素。有时候,我们需要清除一个文本输入框内的文字,然后重新输入新的字符串,那边清

除这个方法如何实现呢。

调用webdriever中clear()方法:

相关代码如下,为了演示测试效果,我们运行完脚本,不关闭浏览器:

3.1 代码实现:

3.2 参考代码:

python 复制代码
# coding=utf-8🔥

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2025-03-17
@author: 北京-宏哥   QQ交流群:705269076
Project: python+ selenium自动化测试练习篇3
'''

# 3.导入模块
from selenium import webdriver

driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)

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

driver.find_element_by_id("kw").send_keys("Selenium")
try:
    driver.find_element_by_id("kw").clear() # 调用clear()方法去清除
    print ('test pass: clean successful')
except Exception as e:
    print ("Exception found", format(e))

3.3 运行结果:

运行代码后,控制台打印如下图的结果

4. 调用webdriver中刷新页面的方法

本小节宏哥给小伙伴们或者童鞋们来介绍如何调用webdriver中刷新页面的方法。其实前边已经说过,这个只不过是作为练习我们再来巩固一下而已。

相关脚本代码如下:

4.1 代码实现:

4.2 参考代码:

python 复制代码
# coding=utf-8🔥

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2025-03-17
@author: 北京-宏哥   QQ交流群:705269076
Project: python+ selenium自动化测试练习篇3
'''

# 3.导入模块
import time
from selenium import webdriver

driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)

driver.get("https://www.baidu.com")
time.sleep(2)
try:
    driver.refresh() # 刷新方法 refresh
    print ('test pass: refresh successful')
except Exception as e:
    print ("Exception found", format(e))
driver.quit()

4.3 运行结果:

运行代码后,控制台打印如下图的结果

5. 浏览器前进后退

本小节来介绍上如何,利用webdriver中的方法来演示浏览器中地址栏旁边的前进和后退功能。其实这个前边也已经说过,这个只不过是作为练习我们再来巩固一下而已。

相关脚本代码如下:

5.1 代码实现:

5.2 参考代码:

python 复制代码
# coding=utf-8🔥

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2025-03-17
@author: 北京-宏哥   QQ交流群:705269076
Project: python+ selenium自动化测试练习篇3
'''

# 3.导入模块
import time
from selenium import webdriver

driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)

driver.get("https://www.baidu.com")
time.sleep(2)
elem_news = driver.find_element_by_link_text("新闻")
elem_news.click() # 点击进入到百度新闻
time.sleep(2)
driver.back() # 从百度新闻后退到百度首页
print("从百度新闻后退到百度首页")
time.sleep(2)
driver.forward() # 百度首页前进到百度新闻
print("百度首页前进到百度新闻")
time.sleep(2)
driver.quit()

5.3 运行结果:

运行代码后,控制台打印如下图的结果

6. webdriver方法获取浏览器的版本号

本小节介绍,如何通过webdriver方法获取浏览器的版本号。看起来这个功能很鸡肋,不管怎么说,还是学习下,特别是在发送自动化测试报告的时候,还是可以通过这个方法来告诉别人,执行过的脚本是通过什么浏览器,什么版本跑的吧。

相关脚本代码如下:

6.1 代码实现:

6.2 参考代码:

python 复制代码
# coding=utf-8🔥

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2025-03-17
@author: 北京-宏哥   QQ交流群:705269076
Project: python+ selenium自动化测试练习篇3
'''

# 3.导入模块
import time
from selenium import webdriver


driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)

driver.get("http://www.baidu.com/")
time.sleep(1)
print(driver.capabilities['version']) # 打印浏览器version的值
driver.quit()

6.3 运行结果:

运行代码后,控制台打印如下图的结果

6.4 查看浏览器版本

右上角------>帮助------>关于Google Chrome,点击后如下图:查看版本号一致。

7. 小结

好了,今天的练习就到这里,希望大家好好的练习和理解。

您的肯定就是我进步的动力。 如果你感觉还不错,就请鼓励一下吧!记得点波 推荐 不要忘记哦!!!

相关推荐
断竿散人几秒前
JavaScript 异常捕获完全指南(下):前端框架与生产监控实战
前端·javascript·前端框架
Danny_FD2 分钟前
Vue2 + Vuex 实现页面跳转时的状态监听与处理
前端
小飞悟3 分钟前
别再只会用 px 了!移动端适配必须掌握的 CSS 单位
前端·css·设计
秋难降3 分钟前
Python 知识 “八股”:给有 C 和 Java 基础的你😁😁😁
java·python·c
安思派Anspire3 分钟前
LangGraph + MCP + Ollama:构建强大代理 AI 的关键(一)
前端·深度学习·架构
LRH4 分钟前
JS基础 - 基于 Generator + Promise 实现 async/await 原理
前端·javascript
Jolyne_5 分钟前
可配置永久生效的Table组件的封装过程
前端·react.js
断竿散人5 分钟前
JavaScript 异常捕获完全指南(上):从同步异步到 Promise 错误处理
前端·javascript·promise
肖魏眸7 分钟前
vue3 格式化 : antfu 组合 prettier & eslint & 提交格式化校验
前端·代码规范
婉婉耶7 分钟前
VUE带你乘风破浪~
前端·vue.js