VS Code + Python + Selenium 自动化测试基础-01
- 让我们来讲一个故事
- 为什么要写自动化
- 开发前的准备工作
- 牛刀小试
- 开常用的web DriverAPI-定位元素
- id定位：find_element_by_id()
- name 定位：find_element_by_name()
- class 定位：find_element_by_class_name()
- 标签定位：find_element_by_tag_name()
- 链接文本定位：find_element_by_link_text()
- 部分链接定位：find_element_by_partial_link_text()
- XPath定位：find_element_by_xpath()
- 绝对路径定位
- 控制浏览器的行为
- 浏览器视窗的大小
- 模拟浏览器更新
- 总结
五星上将麦克阿瑟曾经说过“不会写自动化测试，不是好开发“
让我们来讲一个故事
今天和女朋友吵架了，（假设你有女朋友）。
今晚又是一个人睡沙发，这天晚上，你躺在沙发上，夜不能寐
因为，你今天被质疑不会写写自动化，怒砸了秦始皇的耳机！
–专家说这是秦始皇当年指挥士兵灭六国带的耳麦
决定学习一下这个事情——VS Code + Python + Selenium 自动化测试基础
为什么要写自动化
在这之前，思考一个问题，为什么要写自动化？
在开发一个大型的网站专案过程中，不需要针对特定的功能进行重复性的测试，其主要目的是为了确保系统兼容是否合乎规格，并确认其结果是否合乎预期。但在整个网站测试的过程中其中，存在很多测试细节或者高度重复性质的测试行为，如果仅仰赖人工测试，往往会测到昏暗地，并且有可能会隐藏人的疏失，导致难以追踪的问题。
因此自动化测试在整个专案进行开发的过程中会扮演重要的一环。在我们进一步去编写自动化脚本的动作之前，需要先建立起基本的开发环境，之后接下来就着手进行编写脚本的动作。
开发前的准备工作
1.安装 VS Code
2.安装 VS Code Python 扩展
3.安装Python3（版本3.8.2）下载
安装完成后，可以通过以下指令确认是否安装完成
# python --版本
Python 3.8.2
- 安装 Selenium 的 Python 套件
# pip install selenium
# pip show selenium
5.下载Chrome的ChromeDriver
下载后，解压缩将chromedriver.exe的执行档跟系统的Python执行档放在相同的数据夹下就可以全域(Global)使用chromedriver
基本上 Selenuim 能够控制浏览器行为、或者浏览器进行沟通，都需要透过 Webdriver 或者 Selenuim RC (Remote Control) 来控制，因此 WebDriver 扮演着重要的角色。
牛刀小试
1.目标：利用Python + Selenium 开启Google首页
from selenium import webdriver
# 使用 Chrome 的 WebDriver
browser = webdriver.Chrome()
browser.maximize_window()
browser.get("https://www.google.com")
- 目标：利用前一个示例，在 Google 输入框中输入“phone”，然后单击搜索
from selenium import webdriver
from selenium.common.exceptions import TimeoutException
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
# 使用 Chrome 的 WebDriver
browser = webdriver.Chrome()
browser.maximize_window()
# Google 首页
browser.get("https://www.google.com")
# 寻找网页中的搜索框
inputElement = browser.find_element_by_name("q")
# 在搜索框中輸入文字
inputElement.send_keys("iphone")
# 提交
inputElement.submit()
# Google 搜索結果的 XPath
resultLocator = "//a/h3/div"
try:
# 等待网页搜索结果
WebDriverWait(browser, 10).until(EC.visibility_of_element_located((By.XPATH, resultLocator)))
# 取得第一页的搜索结果
page1_results = browser.find_elements_by_xpath(resultLocator)
# 輸出搜索结果
for item in page1_results:
print(item.text)
except TimeoutException:
print('等待逾時！')
开常用的web DriverAPI-定位元素
WebDriver提供了几种元素的定位方式，在Python中对应的方式如下
id定位：find_element_by_id()
HTML规定，在HTML文件中id必须是唯一的，因此可以利用这个唯一性来寻找元素
browser.find_element_by_id(“keyword”)
name 定位：find_element_by_name()
HTML 规定，利用 name 来指定元素的名称，因此也可以利用这个属性来寻找元素
browser.find_element_by_name(“shopping_cart”)
class 定位：find_element_by_class_name()
HTML 规定，class 用于指定元素的类别名称，其用法与 id、name 类似。
browser.find_element_by_class_name(“s_super”)
标签定位：find_element_by_tag_name()
HTML透过不同的标签来定义元素，因此可以利用标签的名称来直接寻找，但是这个在实际运用上却很少使用，主要的原因是HTML文档中，存在大量的相同标签browser.find_element_by_tag_name
(“input”)
链接文本定位：find_element_by_link_text()
这个专门用于定位有文字的超链接，例如HTML文档为
<a href=”//shopping.pchome.com.tw”_cid=”shopping_hp”>线上购物
则使用链接文本定位，可以用以下的方式表示
browser.find_element_by_link_text(“24H线上购物”)
部分链接定位：find_element_by_partial_link_text()
这个正式链接文字定位的辅助方法，有时候有些文字的超链接过长，这个时候可以取文字的部分文字进行定位，但是由于是取部分文字，是否具备唯一性，那就需要引用HTML文档而定，使用方式为
browser.find_element_by_partial_link_text(“线上购物”)
XPath定位：find_element_by_xpath()
XPath有多种定位策略，最直觉的是绝对路径定位，其绝对路径指标签名称的系统关系来定位元素的绝对路径
browser.find_element_by_xpath(“/html/body/div/ div[2]/form/input”)
绝对路径定位
browser.find_element_by_xpath(“//input[@id=‘keyword’]”)
其中//input表示当前页面的某个输入标签，[@id=‘keyword’] 表示这个元素的id值为keyword，因此上述内容的id也可以换成name或者class来进行元素的定位
对于自动化测试来说，学会了要素的定位方式后，基本上已经有50%的功力可以来写脚本了。剩下的部分就是去了解WebDriver中所提供的各种方法以及真实应用。
控制浏览器的行为
WebDriver 提供了许多可以控制浏览器的方式，一般常用的有
浏览器视窗的大小
有时我们希望浏览器能够在指定的大小下执行，通常是为了确认RWD的效果是否正常显示。例如我们将浏览器设置为480 X 800，设置为操作版的网页，然后浏览页面。这个时候可以使用 set_window_size() 来完成这个目的
from selenium import webdriver
# 使用 Chrome 的 WebDriver
browser = webdriver.Chrome()
browser.get('https://24h.m.pchome.com.tw/')
# 设定尺寸
browser.set_window_size(480, 800)
浏览器上一页、下一页
一般用户在使用浏览器的时候，会使用上一页跟下一页，可以在曾经浏览过的页面之间跳转，因此WebDriver控制也提供了对应的方法() 和forward() 来模拟上一页和下一页的用户行为。
模拟浏览器更新
有时用户会按F5来刷新页面，可以通过refresh()来实现。
from selenium import webdriver
from time import sleep
# 使用 Chrome 的 WebDriver
browser = webdriver.Chrome()
browser.maximize_window()
first_url = 'https://www.msn.com/zh-tw'
print ("目前浏览 %s" %(first_url))
browser.get(first_url)
sleep(3)
second_url = 'https://www.google.com.tw/'
print ("目前浏览 %s" %(second_url))
browser.get(second_url)
sleep(3)
browser.back()
browser.refresh()
sleep(3)
browser.forward()
browser.refresh()
sleep(3)
总结
仅就Python跟Selenium基础的应用来说明并且分享心得，下一篇会再继续介绍更进阶的WebDriver应用，并且会分享如何在日常工作中中将自动化测试导入，自动化测试也是我们测试的基本功之一。
以上就是今天的全部内容，希望对大家有所帮助，也希望大家多多留言、点赞、在看、转发四连爱❤️ 支持。 咱们下篇文章见，Bye~👋
一个正经的测试，专注于AI与软件测试技术和宝藏干货分享，每天准时更新原创技术文章，每月不定期赠送技术书籍，让我们在测试会所在测试社区这个大家庭一起学习交流。喜欢记得星标⭐我，每天及时获得最新推送，
