VS Code + Python + Selenium 自动化测试基础-01
VS Code + Python + Selenium 自动化测试基础-01
DAY5
20
2024-01
点击上方蓝字“一个正经的测试“关注我，每天早上08:30准时推送，每月不定期赠送技术书籍。
微信公众号后台回复“软件测试基础”、“简历与面试”等领取测试资源，回复“微信交流群”、“内推群”一起进群吹水摸鱼。
五星上将麦克阿瑟曾经说过“不会写自动化测试，不是好开发“
一
让我们来讲一个故事
今天和女朋友吵架了，（假设你有女朋友）。
今晚又是一个人睡沙发，这天晚上，你躺在沙发上，夜不能寐
因为，你今天被质疑不会写写自动化，怒砸了秦始皇的耳机！
专家说这是秦始皇当年指挥士兵灭六国带的耳麦
决定学习一下这个事情——VS Code + Python + Selenium 自动化测试基础
前言
为什么要写自动化
在这之前，思考一个问题，为什么要写自动化？
在开发一个大型的网站专案过程中，不需要针对特定的功能进行重复性的测试，其主要目的是为了确保系统兼容是否合乎规格，并确认其结果是否合乎预期。但在整个网站测试的过程中其中，存在很多测试细节或者高度重复性质的测试行为，如果仅仰赖人工测试，往往会测到昏暗地，并且有可能会隐藏人的疏失，导致难以追踪的问题。
因此自动化测试在整个专案进行开发的过程中会扮演重要的一环。在我们进一步去编写自动化脚本的动作之前，需要先建立起基本的开发环境，之后接下来就着手进行编写脚本的动作。
开发前的准备工作
1.安装 VS Code 2.安装 VS Code Python 扩展
3.安装Python3（版本3.8.2）下载 安装完成后，可以通过以下指令确认是否安装完成
# python --版本
Python 3.8.2
4. 安装 Selenium 的 Python 套件
# pip install selenium
# pip show selenium5.下载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")2. 目标：利用前一个示例，在 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”>线上购物</a> 则使用链接文本定位，可以用以下的方式表示 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)