《手把手教你》系列练习篇之3-python+ selenium自动化测试（详细教程）

林先桥 發表於 2019-12-2 14:04:00

《手把手教你》系列练习篇之3-python+ selenium自动化测试（详细教程）

<h3>1.  简介</h3>
　　前面介绍了，XPath, id , class , link text, partial link text, tag name, name 七大元素定位方法，本文介绍webdriver支持的最后一个方法：by_css。css和XPath类似，也需要掌握一些语法，才能写出正确的，完整的css选择表达式。相关w3c介绍，请点击这里。
<h3>2.  by_css定位元素</h3>
　　以百度首页的“百度一下”按钮为例，我们通过by_css来定位到这个按钮。如图
<img src="https://img2018.cnblogs.com/i-beta/1232840/201911/1232840-20191129115020214-1594586879.png" alt="">
<h4>2.1  代码实现：</h4>
<img src="https://img2018.cnblogs.com/i-beta/1232840/201911/1232840-20191129115139942-542399489.png" alt="">
<h4>2.2  参考代码：</h4>
<div class="cnblogs_code">
<pre># coding=utf-8🔥

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

# 2.注释：包括记录创建时间，创建人，项目名称。
'''
Created on 2019-11-29
@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()</pre>
</div>
<h4>2.3  运行结果：</h4>
　　运行代码后，控制台打印如下图的结果
<img src="https://img2018.cnblogs.com/i-beta/1232840/201911/1232840-20191129115305196-626563155.png" alt="">
　　总结：如果一开始没有接触css，感觉写css表达式有点困难，没关系。看个人喜好和适合哪个，例如，如果你掌握好了XPath的写法，那么就可以不去管css，毕竟大部分xpath表达式都能够定位到元素。有些人可能说了，css要比xpath表达式查找元素的速度要
快，这个你不要去担心，对计算机来讲，你根本无法区分哪个更快，也不是自动化测试考虑的重点。
建议：一定要掌握好XPath或者css来定位元素，其他的几种了解就可以。毕竟在实际项目开发脚本阶段，很多元素是无法通过id ,css, text, name来直接定位这个网页元素，更多的还是根据XPath或者css表达式去定位。
<h3 class="title-article">3. 清除文本方法</h3>
　　在前面的文章中，我们或多或少的用到了输入字符和点击按钮这样的操作。用send_keys()来输入字符串到文本输入框这样的页面元素，用click()来点击页面上支持点击的元素。有时候，我们需要清除一个文本输入框内的文字，然后重新输入新的字符串，那边清
除这个方法如何实现呢。
调用webdriever中clear()方法：
相关代码如下，为了演示测试效果，我们运行完脚本，不关闭浏览器:
<h4>3.1  代码实现：</h4>
<img src="https://img2018.cnblogs.com/i-beta/1232840/201912/1232840-20191202093047475-1656905232.png" alt="">
<h4>3.2  参考代码：</h4>
<div class="cnblogs_code">
<pre># coding=utf-8🔥

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

# 2.注释：包括记录创建时间，创建人，项目名称。
'''
Created on 2019-12-02
@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))</pre>
</div>
<h4>3.3  运行结果：</h4>
　　运行代码后，控制台打印如下图的结果
<img src="https://img2018.cnblogs.com/i-beta/1232840/201911/1232840-20191129120031878-1916612313.png" alt="">
<h3>4.  调用webdriver中刷新页面的方法</h3>
本小节宏哥给小伙伴们或者童鞋们来介绍如何调用webdriver中刷新页面的方法。其实前边已经说过，这个只不过是作为练习我们再来巩固一下而已。
相关脚本代码如下：
<h4>4.1 代码实现：</h4>
<img src="https://img2018.cnblogs.com/i-beta/1232840/201912/1232840-20191202093632857-1377320331.png" alt="">
<h4>4.2 参考代码：</h4>
<div class="cnblogs_code">
<pre># coding=utf-8🔥

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

# 2.注释：包括记录创建时间，创建人，项目名称。
'''
Created on 2019-12-02
@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()</pre>
</div>
<h4>4.3 运行结果：</h4>
　　运行代码后，控制台打印如下图的结果
<img src="https://img2018.cnblogs.com/i-beta/1232840/201912/1232840-20191202093744373-823763450.png" alt="">
<h3>5.  浏览器前进后退</h3>
　　本小节来介绍上如何，利用webdriver中的方法来演示浏览器中地址栏旁边的前进和后退功能。其实这个前边也已经说过，这个只不过是作为练习我们再来巩固一下而已。
相关脚本代码如下：
<h4>5.1 代码实现：</h4>
<img src="https://img2018.cnblogs.com/i-beta/1232840/201912/1232840-20191202094443329-363592519.png" alt="">
<h4>5.2 参考代码：</h4>
<div class="cnblogs_code">
<pre># coding=utf-8🔥

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

# 2.注释：包括记录创建时间，创建人，项目名称。
'''
Created on 2019-12-02
@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()</pre>
</div>
<h4>5.3 运行结果：</h4>
　　运行代码后，控制台打印如下图的结果
<img src="https://img2018.cnblogs.com/i-beta/1232840/201912/1232840-20191202094343449-941539784.png" alt="">
<h3>6. webdriver方法获取浏览器的版本号</h3>
　　本小节介绍，如何通过webdriver方法获取浏览器的版本号。看起来这个功能很鸡肋，不管怎么说，还是学习下，特别是在发送自动化测试报告的时候，还是可以通过这个方法来告诉别人，执行过的脚本是通过什么浏览器，什么版本跑的吧。
相关脚本代码如下：
<h4>6.1 代码实现：</h4>
<img src="https://img2018.cnblogs.com/i-beta/1232840/201912/1232840-20191202094811641-95305178.png" alt="">
<h4>6.2 参考代码：</h4>
<div class="cnblogs_code">
<pre># coding=utf-8🔥

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

# 2.注释：包括记录创建时间，创建人，项目名称。
'''
Created on 2019-12-02
@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()</pre>
</div>
<h4>6.3 运行结果：</h4>
　　运行代码后，控制台打印如下图的结果
<img src="https://img2018.cnblogs.com/i-beta/1232840/201912/1232840-20191202094658664-1734810673.png" alt="">
<h4>6.4 查看浏览器版本</h4>
　　右上角——>帮助——>关于Google Chrome，点击后如下图：查看版本号一致。
<img src="https://img2018.cnblogs.com/i-beta/1232840/201912/1232840-20191202095353675-76988089.png" alt="">
<h3>7. 小结</h3>
 　　好了，今天的练习就到这里，希望大家好好的练习和理解。 
 
您的肯定就是我进步的动力。如果你感觉还不错，就请鼓励一下吧！记得点波 推荐 不要忘记哦！！！
<img src="https://img2018.cnblogs.com/blog/1232840/201908/1232840-20190816135641371-1314831001.gif" alt="">

</div>
<div id="MySignature" role="contentinfo">
<div id="MySignature" style="display: block">
<div style="font-size: 13px; border: 1px dashed rgb(45, 161, 45); padding: 10px 15px; background-color: rgb(248, 248, 248)">
<label style="font-weight: bold">
    为了方便大家在移动端也能看到我分享的博文，现已注册个人微信公众号，扫描左下方二维码即可，欢迎大家关注，提前解锁更多测试干货！有时间会及时分享相关技术博文。
</label>
 
<label style="font-weight: bold">
    为了方便大家互动讨论相关技术问题，刚刚建立了咱们的专门的微信群交流互动群，群内会分享交流测试领域前沿知识。请您扫描中间的微信二维码进群
</label>
 
<label style="font-weight: bold">
    为了方便大家互动讨论相关技术问题，现已组建专门的微信群，由于微信群满100，请您扫描右下方宏哥个人微信二维码拉你进群
<label style="font-weight: bold; color: red; font-size: 15px">
（请务必备注：已关注公众号进群）平时上班忙（和你一样），所以加好友不及时，请稍安勿躁~
</label>
，欢迎大家加入这个大家庭，我们一起畅游知识的海洋。
</label>
 
    感谢您花时间阅读此篇文章,如果您觉得这篇文章你学到了东西也是为了犒劳下博主的码字不易不妨打赏一下吧，让博主能喝上一杯咖啡，在此谢过了！
 
    如果您觉得阅读本文对您有帮助，请点一下左下角

“推荐”

按钮，您的
<label style="font-weight: bold; color: red; font-size: 15px">
“推荐”
</label>
将是我最大的写作动力！另外您也可以选择

【

关注我

】

，可以很方便找到我！
 
    本文版权归作者和博客园共有，来源网址：

https://www.cnblogs.com/du-hong

欢迎各位转载，但是未经作者本人同意，转载文章之后必须在文章页面明显位置给出作者和原文连接，否则保留追究法律责任的权利！
</div>
<div style="text-align: center; margin-top: 10px">

公众号(关注宏哥)&NonBreakingSpace; &NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace;
&NonBreakingSpace; &NonBreakingSpace; &NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace;
&NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace; &NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace;
&NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace; &NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace;
微信群(扫码进群) &NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace;
&NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace; &NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace;
&NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace; &NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace;
&NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace;
&NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace; &NonBreakingSpace;&NonBreakingSpace;
&NonBreakingSpace;&NonBreakingSpace;&NonBreakingSpace; &NonBreakingSpace;&NonBreakingSpace;客服微信

<img style="width: 200px;padding-right: 50px;" alt="个人微信公众号" src="https://img2018.cnblogs.com/common/1741949/201911/1741949-20191119095948011-608816619.png">
<img style="width: 200px;padding-right: 65px;" alt="微信群" src="https://img2024.cnblogs.com/blog/1232840/202506/1232840-20250610113707419-637869921.png">
<img style="width: 200px" alt="个人微信" src="https://img2018.cnblogs.com/common/1741949/201911/1741949-20191106101257091-849954564.png">
</div>
</div> 
来源：https://www.cnblogs.com/du-hong/p/11956026.html

頁: [1]

琼殿技术论坛's Archiver

《手把手教你》系列练习篇之3-python+ selenium自动化测试（详细教程）